如安在两个内联元素之间增加换行符【css教程】

内链元素平常都是基于语义级(semantic)的基础元素，只能包容文本或其他内联元素，比方笔墨这类元素，各个字母 之间横向分列，到最右端自动折行，那末，我们如安在两个内联元素之间增加换行符呢？

本篇文章就来给人人引见一下关于在两个内联元素之间增加换行符的要领。

假如须要两个内联元素，个中一个在另一个元素中插进去下一行，则能够经由过程增加伪元夙来完成此操纵：after</code>with content:'\a'.<code>and white space:pre</code>

下面我们来看细致的代码示例

HTML代码：

<h3>
    <span class="label">ki4网1</span>
    <span class="secondary-label">ki4网2</span>
</h3>

CSS代码

<style type="text/css">
        .label:after {
    content: '\A';
    white-space: pre;
}
    </style>

运转效果以下：能够看到效果中，笔墨变成了两行。

本篇文章到这里就已将悉数完毕了，更多精彩内容人人能够关注ki4网的CSS视频教程栏目！！！

以上就是如安在两个内联元素之间增加换行符的细致内容，更多请关注ki4网别的相干文章！

标签：内联元素