在兩個內聯元素之間添加換行符的方法

發(fā)布時間：2020-08-26 10:51:18 來源：億速云閱讀：237 作者：小新欄目：web開發(fā)

在兩個內聯元素之間添加換行符的方法？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純热?，讓我們一起來看看吧?/p>

內鏈元素一般都是基于語義級(semantic)的基本元素，只能容納文本或其他內聯元素，例如文字這類元素，各個字母之間橫向排列，到最右端自動折行，那么，我們如何在兩個內聯元素之間添加換行符呢？

在兩個內聯元素之間添加換行符的方法

如果需要兩個內聯元素，其中一個在另一個元素中插入下一行，則可以通過添加偽元素來完成此操作：after</code>with content:'\a'.<code>and white space:pre</code>

下面我們來看具體的代碼示例

HTML代碼：

<h4>
    <span class="label">億速云1</span>
    <span class="secondary-label">億速云2</span>
</h4>

CSS代碼

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

運行結果如下：可以看到結果中，文字變成了兩行。

在兩個內聯元素之間添加換行符的方法

感謝各位的閱讀！看完上述內容，你們對在兩個內聯元素之間添加換行符的方法大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

猜你喜歡