📜  如何防止表格单元格中的文本使用 CSS 换行?

📅  最后修改于: 2021-10-29 04:36:15             🧑  作者: Mango

给定一个包含表头和主体部分的表。任务是防止表格单元格中的文本使用 CSS 换行。为了实现这一点,我们使用了 CSS 的white-space属性。此属性强制th的内容显示在一行中。空白函数存在许多属性值。

句法:

white-space: normal|nowrap|pre|pre-wrap|pre-line;

示例 1:此示例使用 white-space 属性来防止使用 CSS 进行单元格换行。



   
      
        
      white-space property
        
      
   
     
   
      
         
            
               
               
               
               
            
         
           
         
            
               
               
               
               
            
         
      
First Heading of GeeksforGeeksSecond Heading of GeeksforGeeksThird Heading of GeeksforGeeksFourth Heading of GeeksforGeeks
ValueValueValueValue
   

输出:
在应用空白属性之前:

应用空白属性后:

示例 2:此示例使用内联空白属性。



   
      
        
      white-space property
   
     
   
      
         
            
               
                 
               
                 
               
                 
               
            
         
           
         
            
               
               
               
               
            
         
      
                   First Heading of GeeksforGeeks                Second Heading of GeeksforGeeks                    Third Heading of GeeksforGeeks                Fourth Heading of GeeksforGeeks
ValueValueValueValue
   

输出:
在应用空白属性之前:

应用空白属性后: