没有100%宽度的显示块
没有100%宽度的显示块
提问于 2012-10-03 20:23:14
我想使用display属性将一个span元素设置为显示在另一个元素的下方。我试着应用内联block，但没有成功，我想如果我设法避免给元素一个100%的宽度(我不想让元素“伸展”)，我可以使用block。这能做到吗?如果不能，解决这类问题的好办法是什么？
示例:在新闻列表中，我希望在每个帖子的末尾设置一个“阅读更多”链接(注意:用<span>代替<a> )
<li>
<span class="date">11/15/2012</span>
<span class="title">Lorem ipsum dolor</span>
<a class="read-more">Read more</a>
</li>更新:已解决。在CSS中，应用
li {
clear: both;
}
li a {
display: block;
float: left;
clear: both;
}回答 6
Stack Overflow用户
回答已采纳
发布于 2012-10-03 20:57:26
如果我正确理解了你的问题，下面的CSS将使你的a浮动在跨度下面，并防止它有100%的宽度：
a {
display: block;
float: left;
clear: left;
}Stack Overflow用户
发布于 2014-10-16 01:47:41
使用display: table。
这个答案必须至少包含30个字符；我输入了20个字符，所以这里还有一些字符。
Stack Overflow用户
发布于 2017-09-13 21:46:00
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12708381
复制相关文章
相似问题