如何在文本中换行<pre>使用 CSS 标记？

在本文中，我们将学习如何将文本包裹在

 标签中。 
 标签用于显示预格式化文本块，该块保留了 Web 浏览器忽略的文本空格、换行符、制表符和其他格式字符。默认情况下， 
 标签不支持 
 标签。如果以规定的方式呈现大文本，Web 浏览器会显示水平滚动条。用户在逐部分阅读整行时遇到问题。

方法：

首先，我们创建一个包含 
 标签的 HTML 文档。
现在，使用设置为“auto”的 CSS溢出-x属性，它会在内容溢出时自动添加滚动条。
设置空白 财产 “预包装”。
最后，使用设置为“break-word”的主要自动换行属性，这样超出容器宽度的单词将被任意打破以适应容器的边界。

例子：

HTML



  

    

  

    

        GeeksforGeeks
    
    
        How to wrap a text in a 
 tag?
    
  
    

        Before content wrap
    
  
    
            GeeksforGeek,A Computer Science Portal 
            for Geeks. The best courses provided 
            here are best to learn and gain a lot 
            of knowledge related to computer science.
    
  
    

        After content wrap
    
  
    
    
            GeeksforGeek,A Computer Science Portal 
            for Geeks. The best courses provided 
            here are best to learn and gain a lot 
            of knowledge related to computer science.
    
    

  





输出：