📜  物化 CSS |表

📅  最后修改于: 2021-11-06 11:17:10             🧑  作者: Mango

表格是组织大量数据的好方法。 Materialize CSS 提供了一些实用程序类来设置样式表。除了改善移动体验之外,移动屏幕宽度上的所有表格都会自动居中。以下是表格的样式:

  • 剥离表:
    
    
      
    
      
        
        
      
        
        
      
        
        
    
      
    
        
            
                
                    
                    
                    
                
            
      
            
                
                    
                    
                    
                
                
                    
                    
                    
                
                
                    
                    
                    
                
                
                    
                    
                    
                
            
        
    StudentStudy Time(days)Marks
    Atul280
    Aman471
    Ansh298
    John596
                   

    输出:

  • 有边框的表:
    
    
      
    
        
        
      
        
        
      
        
        
    
      
    
        
            
                
                    
                    
                    
                
            
      
            
                
                    
                    
                    
                
                
                    
                    
                    
                
                
                    
                    
                    
                
                
                    
                    
                    
                
            
        
    StudentStudy Time(days)Marks
    Atul280
    Aman471
    Ansh298
    John596
                   

    输出:

  • 高亮表:
    
    
      
    
        
        
      
        
        
      
        
        
    
      
    
        
            
                
                    
                    
                    
                
            
      
            
                
                    
                    
                    
                
                
                    
                    
                    
                
                
                    
                    
                    
                
                
                    
                    
                    
                
            
        
    StudentStudy Time(days)Marks
    Atul280
    Aman471
    Ansh298
    John596
                   

    输出:

  • 居中表:
    
    
      
    
        
        
      
        
        
      
        
        
    
      
    
        
            
                
                    
                    
                    
                
            
      
            
                
                    
                    
                    
                
                
                    
                    
                    
                
                
                    
                    
                    
                
                
                    
                    
                    
                
            
        
    StudentStudy Time(days)Marks
    Atul280
    Aman471
    Ansh298
    John596
                   

    输出:

  • 响应表:
    
    
      
    
        
        
      
        
        
      
        
        
    
      
    
        
            
                
                    
                    
                    
                
            
      
            
                
                    
                    
                    
                
                
                    
                    
                    
                
                
                    
                    
                    
                
                
                    
                    
                    
                
            
        
    StudentStudy Time(days)Marks
    Atul280
    Aman471
    Ansh298
    John596
                   

    输出: