我有一个段落,末尾有一个链接,如下所示:
<p>Some text, blah blah blah</p>
<a href="#">... read more</a>
这将最终呈现如下:
一些文字,等等等等
... 阅读更多
除了我希望它像这样呈现:
一些文字,等等等等……阅读更多
有没有办法在不将链接放在段落内的情况下做到这一点?我已经绞尽脑汁几分钟并尝试了一些东西,但我无处可去。
你可以用一点 css 说:
p, a { display: inline; }
为您的段落元素创建覆盖并更改标准样式
p {diplay: block;}
至
p { display: inline-block; }
在这里查看链接:http: //jsfiddle.net/SGAy3/ </p>
或者
p {float: left;}
a {display: inline-block;}
这display:inline-block
是为了确保文本链接不会换行
坚持一个浮动:左a
标记和p
标记..
所以它可能像
p,a{float:left}