如何使用 CSS 设置表格布局算法？

您可以使用设置表格布局算法 table-layout 属性用于显示表格的布局。在本文中，您将学习自动和固定布局算法来形成表格。

句法：

table-layout: auto|fixed;

示例 1：使用自动布局算法。

注意：在自动布局算法中，浏览器会扩展行或列以容纳较大的内容，这样内容就不会溢出。这里浏览器需要分析整个表格的内容。这可能会有点慢处理布局。

HTML

    
        
    
    
        
        
GeeksforGeeks
        
table-layout property
        

        
table-layout:auto;
        
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
        
Author Name
Age
College
Aman Rathod
20
NCE
Ranveer Sequeira
19
Google
        
          
    
    

输出：

示例 2：使用固定布局算法。

注意：在固定布局算法中，浏览器使用第一行来确定列宽，不需要分析整个表格的内容。所以它是一个更快的处理布局。

HTML

    
        
    
    
        
        
GeeksforGeeks
        
table-layout property
        

        
table-layout:Fixed;
        
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
        
Author Name
Age
College
Aman Rathod
20
GeeksforGeeks
Ranveer Sequeira
19
Google
        
          
    
    

输出：