📜  Tailwind CSS 表格布局

📅  最后修改于: 2021-09-01 01:39:44             🧑  作者: Mango

这个类在顺风 CSS 中接受很多值,其中所有属性都以类的形式覆盖。通过使用这个类,我们可以设置表格布局的显示。在 CSS 中,我们通过使用 CSS table-layout 属性来做到这一点。

表格布局类:

  • 自动表
  • 固定表

table-auto:这个类用于允许表格自动调整列的大小以适应单元格的内容。

句法:

...

例子:

HTML
 

 
     
 
  
 
    

          GeeksforGeeks      

      Tailwind CSS Table Layout Class      
                                                                                                                                                                                                                                                       
FrameworksAbout
Tailwind CSS                 Tailwind CSS is a highly customizable,                  low-level CSS framework that gives you all                  of the building blocks             
Bulma                 Bulma CSS by @jgthms is just perfect.                  Simple, easily customizable and doesn't                  impose Javascript implementations.             
Bootstrap                 Bootstrap is a free and open-source CSS                  framework directed at responsive, mobile-first                 front-end web development.             
    
      


HTML
 

 
     
 
  
 
    

          GeeksforGeeks      

      Tailwind CSS Table Layout Class      
                                                                                                                                                                                                                                                       
FrameworksAbout
Tailwind CSS                 Tailwind CSS is a highly customizable,                  low-level CSS framework that gives you all                  of the building blocks             
Bulma                 Bulma CSS by @jgthms is just perfect.                  Simple, easily customizable and doesn't                  impose Javascript implementations.             
Bootstrap                 Bootstrap is a free and open-source CSS                  framework directed at responsive, mobile-first                 front-end web development.             
    
      


输出:

Tailwind CSS 表格布局

table-fixed:该类用于允许表格忽略内容并为列使用固定宽度。第一行的宽度将设置整个表格的列宽。

句法:

...

例子:

HTML

 

 
     
 
  
 
    

          GeeksforGeeks      

      Tailwind CSS Table Layout Class      
                                                                                                                                                                                                                                                       
FrameworksAbout
Tailwind CSS                 Tailwind CSS is a highly customizable,                  low-level CSS framework that gives you all                  of the building blocks             
Bulma                 Bulma CSS by @jgthms is just perfect.                  Simple, easily customizable and doesn't                  impose Javascript implementations.             
Bootstrap                 Bootstrap is a free and open-source CSS                  framework directed at responsive, mobile-first                 front-end web development.             
    
        

输出:

顺风 CSS 布局