换行符(如<br>)仅使用css
换行符(如<br>)仅使用css
提问于 2012-06-07 22:28:22
在纯css中，也就是不添加额外的html标签，可以像<br>一样换行吗？我想要在<h4>元素之后换行，但不是在前面：
HTML
<li>
Text, text, text, text, text. <h4>Sub header</h4>
Text, text, text, text, text.
</li>CSS
h4 {
display: inline;
}我发现了许多这样的问题，但总是有像"use display: block;“这样的答案，当<h4>必须保持在同一行时，我不能这样做。
回答 4
Stack Overflow用户
回答已采纳
发布于 2012-06-07 22:44:28
它是这样工作的：
h4 {
display:inline;
}
h4:after {
content:"\a";
white-space: pre;
}诀窍来自这里：https://stackoverflow.com/a/66000/509752 (有更多的解释)
Stack Overflow用户
发布于 2012-06-07 22:30:24
Stack Overflow用户
发布于 2012-06-07 22:35:44
您可以使用::after在<h4>之后创建一个0px-height块，这将有效地将<h4>之后的所有内容移动到下一行：
h4 {
display: inline;
}
h4::after {
content: "";
display: block;
}<ul>
<li>
Text, text, text, text, text. <h4>Sub header</h4>
Text, text, text, text, text.
</li>
</ul>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10933837
复制相关文章
相似问题