📜  CSS 中“table-layout”属性的用途是什么?

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

CSS 中“table-layout”属性的用途是什么?

CSS 中的table-layout属性指定表格的布局,由表格单元格、行和列组成。

句法:

table-layout: auto | fixed | initial | inherit;

属性值:这些是表格布局的属性及其用途。

  • auto:属性值auto用于在浏览器上创建自动表格布局。此属性通过表格单元格中不可破坏的内容创建列宽。
  • fixed:属性值fixed用于创建固定的表格布局。表格和列的宽度由表格和列的宽度或第一行单元格的宽度创建。
  • initial:属性值用于创建其默认值。
  • 继承:从其父级继承属性的属性值。

示例 1:在此示例中, table-layout:使用auto属性在浏览器上创建自动表格布局,该属性通过表格单元格中不可破坏的内容创建列宽。

HTML


    
        table-layout property
        
    
    
        
        

GeeksforGeeks

        

table-layout property

        
        

table-layout:auto

                                                                                                                                                                                                                                                        
NameAgeBooks
Rita Shrivastava30Good Days
Priya 18Bad Days
        
        
        
    


HTML


    
        table-layout property
        
    
    
        
        

GeeksforGeeks

        

table-layout property

        
        

table-layout:fixed

                                                                                                                                                                                                                                                        
Author NameAgeBooks
Rita Shrivastava30Good Days
Priya18Bad Days
        
        
    



输出:

例2:在本例中, table-layout: fixed属性用于创建固定的表格布局,表格和列的宽度由表格和列的宽度或第一行单元格的宽度创建。

HTML



    
        table-layout property
        
    
    
        
        

GeeksforGeeks

        

table-layout property

        
        

table-layout:fixed

                                                                                                                                                                                                                                                        
Author NameAgeBooks
Rita Shrivastava30Good Days
Priya18Bad Days
        
        
    

输出:

表格布局