1

我有一个段落,末尾有一个链接,如下所示:

<p>Some text, blah blah blah</p>
<a href="#">... read more</a>

这将最终呈现如下:

一些文字,等等等等

... 阅读更多

除了我希望它像这样呈现:

一些文字,等等等等……阅读更多

有没有办法在不将链接放在段落内的情况下做到这一点?我已经绞尽脑汁几分钟并尝试了一些东西,但我无处可去。

4

4 回答 4

4

你可以用一点 css 说:

p, a { display: inline; }
于 2012-10-05T14:09:48.660 回答
1

为您的段落元素创建覆盖并更改标准样式

p {diplay: block;}

p { display: inline-block; }

在这里查看链接:http: //jsfiddle.net/SGAy3/ ​</p>

于 2012-10-05T14:13:17.700 回答
0

或者

p {float: left;}
a {display: inline-block;}

display:inline-block是为了确保文本链接不会换行

于 2012-10-05T14:10:21.507 回答
0

坚持一个浮动:左a标记和p标记..

所以它可能像

p,a{float:left}
于 2012-10-05T14:10:30.033 回答