📜  如何创建宽度为 100% 的表格,在 HTML 表格主体内垂直滚动?

📅  最后修改于: 2021-11-09 08:55:41             🧑  作者: Mango

本文的方法是使用 width 属性创建 100% 宽度的表格,并使用 overflow-y 属性在表格体内创建垂直滚动。溢出属性用于在表中创建滚动条。使用显示:块;属性来显示块级元素。既然更改了 tbody 的 display 属性,我们也应该更改 thead 元素的属性,以防止破坏表格布局。

例子:



  

    
        Display table with vertical scrollbar
    
  
    

  

    
          
        
        
            
                
                
                
                
                
            
        
          
        
        
            
                
                
                
                
                
            
              
            
                
                
                
                
                
            
            
                
                
                
                
                
            
        
    
Heading 1Heading 2Heading 3Heading 4Heading 5
ContentContentContentContentContent
ContentContentContentContentContent
ContentContentContentContentContent
                           

输出: