📌  相关文章
📜  Materialize-css 集合

📅  最后修改于: 2021-01-07 00:46:25             🧑  作者: Mango

实现CSS集合

Materialize-css 集合可帮助您将列表对象分组在一起。它代表各种类型的集合，其中集合是一组相关的信息项。

在Materialize CSS集合中使用的类名列表：

Index Class name Description
1) collection It is used to set the div or ul container as a collection.
2) collection-item It is used to set the a or li item as a collection item.
3) active It is used to show the a or li item as an active collection item.
4) with-header It is used to mark the collection to have a header.
5) collection-header It is used to set the a or li item as a collection header.
6) avatar It is used to set the a or li item as an avatar item.
7) dismissible It is used to enables the collection items to be swiped away. It works on touch screen devices only.

例子

例子1


   
      The Materialize Collections Example
            
      
      
                 
       
   
   
          
      
Simple Collection

      
    
         
  • HTML 5
    • 
         
  • JQuery
    • 
         
  • JavaScript
    • 
         
  • CSS
    •

例子2



   
      The Materialize Collections Example
            
      
      
                 
       
   
   
      
      
Collection of Links

      

         HTML 5
         JQuery
         JavaScript
         CSS
      

      
      
Collection with Header

      
    
         
  • Front End Technologies
    • 
         
  • HTML 5
    • 
         
  • JQuery
    • 
         
  • JavaScript
    • 
         
  • CSS
    •

例子3


   
      The Materialize Collections Example
            
      
      
                 
       
   
   
          
     
Collection with Secondary Content

例子4


   
      The Materialize Collections Example
            
      
      
                 
       
   
   
          
    
      
Collection with Avatar

      
             
         
  • 
            html-logo.png
            HTML5
            
    HTML5 is the next major revision of the HTML standard superseding
               HTML 4.01, XHTML 1.0, and XHTML 1.1.
     HTML5 is a standard for
               structuring and presenting content on the World Wide Web.
    
            
               grade
         
    • 
         
         
  • 
            insert_chart
            HighCharts
            
    
            
               grade
         
    •

例子5


   
      The Materialize Collections Example
            
      
      
                 
       
   
   
          
    
Collection with dismissible content

      
    
         
  • HTML 5
    • 
         
  • JQuery
    • 
         
  • JavaScript
    • 
         
  • CSS
    •