使用Javascript或CSS,如何在文本块的末尾添加额外的空间,但仅当它不在新行上开始时?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了使用Javascript或CSS,如何在文本块的末尾添加额外的空间,但仅当它不在新行上开始时?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1014字,纯文字阅读大概需要2分钟。
内容图文
![使用Javascript或CSS,如何在文本块的末尾添加额外的空间,但仅当它不在新行上开始时?](/upload/InfoBanner/zyjiaocheng/776/5034c69a75d84cdf95dbf0242a723ce5.jpg)
假设我有一些文本,在每个段落的末尾有一个(更多)…链接.它最终看起来像这样:
This is just a test paragraph. Click on the more link for more info. (more...)
现在我想在链接和段落文本之间添加一些空格,所以我将链接包装在< span>中标记并向右推,边距为左:10px:
This is just a test paragraph. Click on the more link for more info. (more...)
这里的问题是,如果文本包装正确,它本身就显示在第二行,它将看起来缩进:
This is just a test paragraph. Click on the more link for more info. Push it down!
(more...)
当所需的输出应为:
This is just a test paragraph. Click on the more link for more info. Push it down!
(more...)
是否可以使用Javascript或CSS实现此效果?
附注:通过删除< span>可以实现此效果.标记和使用& nbspcharacters通过适当的文本包装将更多的linke推向右侧,但这是一个我想避免的解决方案,除非没有其他选择.或者我可以使用Javascript在跨度之前插入& nbsp,但这也不是一个很好的解决方案.
解决方法:
您可以在段落上设置宽度,然后将跨度浮动到右侧.
那样(更多……)总是在右边.
不完全是你所追求的,但我觉得它看起来不错.
示例:http://jsfiddle.net/WFuBd/1/
内容总结
以上是互联网集市为您收集整理的使用Javascript或CSS,如何在文本块的末尾添加额外的空间,但仅当它不在新行上开始时?全部内容,希望文章能够帮你解决使用Javascript或CSS,如何在文本块的末尾添加额外的空间,但仅当它不在新行上开始时?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。