下面是简单的html
<p> some text here </p>
<a href="#">more</a>
我试过的css
p+a{
color: #f00;
display: inline-block;
/* also tried float: left; */
}
以如下方式显示输出
这里的一些文本more
我想让在p线上更多的。
发布于 2013-06-19 07:01:30
p
是块级元素。所以你不能内联到a
。因此,您需要将p
的样式设置为display: inline;
或display: inline-block;
,然后将display: inline;
或display: inline-block;
交给a
这是小提琴。
发布于 2013-06-19 07:01:52
您还需要给段落display: inline-block;
,因为它是块级元素。因此,它会自动占用可用的空间,并将锚推送到新的行。此外,还需要将关闭的"
添加到href
-attribute中。
(如果您能够操作段落的标记,只需在其中添加锚。)
HMTL:
<p>some text here</p>
<a href="#">more</a>
CSS:
p {
display: inline-block;
}
p + a {
color: #f00;
display: inline-block;
}
注意:请使用类来样式这样的东西,而不是元素。向锚点添加一个类,并使用p + .read-more
或类似的方法选择它。
发布于 2013-06-19 07:03:20
使用此代码
CSS:
p > a {
color: #f00;
display: inline-block;
font-size: 18px;
}
HTML:
<p>some text here <a href="#">more</a></p>
https://stackoverflow.com/questions/17184598
复制相似问题