如果需要两个内联元素,其中一个在另一个元素中插入下一行,则可以通过添加伪元素来完成此操作:after</code>withcontent:'\a'.<code>andwhitespace:pre</code>
下面我们来看具体的代码示例
HTML代码:
<h3>
<spanclass="label">PHP中文网1</span>
<spanclass="secondary-label">PHP中文网2</span>
</h3>
CSS代码
<styletype="text/css">
.label:after{
content:'\A';
white-space:pre;
}
</style>
运行结果如下:可以看到结果中,文字变成了两行。
Tag:
如何