📜  如何使用 CSS 在元素前插入换行符?

📅  最后修改于: 2022-05-13 01:56:19.460000             🧑  作者: Mango

如何使用 CSS 在元素前插入换行符?

white-space 属性用于在元素之前插入换行符。此属性控制文本换行和空白。

行间换行:可以在文本行之间添加换行。空白:preline;用于在元素前插入换行符。

示例 1:



  

    
        Insert line break
        before an element
    
      
    
    

  

    

GeeksforGeeks

           

        Insert line break before an          element     

           

        Data Structure         Algorithm         Computer Networks         Web Technology     

                       

输出:

HTML 元素之间的换行符:可以使用 CSS 属性添加 HTML 元素之间的换行符。有两种方法可以强制行内元素添加新行。

  • 使用 display 属性:块级元素从新行开始,并占据它可用的整个宽度。
  • 使用回车字符(\A):我们可以使用 ::before 或 ::after 伪元素添加换行符。

示例 2:



  

    
        Insert line break and content
        before an element
    
  
    
    

  

    

GeeksforGeeks

           

        Insert content and line break         before an element     

           

Data Structure

    

Algorithm

                       

输出:

示例 3:此示例使用回车字符“\A”在元素前添加换行符。



  

    
        Insert line break
        before an element
    
  
    
    

  

    

GeeksforGeeks

           

        Insert line break         before an element     

           

Data Structure

    

Algorithm

    

Operating System

                       

输出: