📜  Materialize-收藏

📅  最后修改于: 2020-10-22 08:26:48             🧑  作者: Mango


 

Materialize提供了特殊的类来表示各种类型的集合,其中一个集合表示一组相关的信息项。

Sr.No. Class Name & Description
1 collection

Sets the div or ul container as a collection.

2 collection-item

Sets the a or li item as a collection item.

3 active

Shows the a or li item as an active collection item.

4 with-header

Marks the collection to have a header.

5 collection-header

Sets the a or li item as a collection header.

6 avatar

Sets the a or li item as an avatar item.

7 dismissible

Enables the collection items to be swiped away. Works on touch screen devices only.

以下示例演示了使用集合类来展示如何创建各种类型的集合。

materialize_collections.htm

The Materialize Collections Example
            
      
      
                 
       
   
   
          
      

Simple Collection


  • HTML 5
  • JQuery
  • JavaScript
  • CSS

Collection of Links


Collection with Header


  • Front End Technologies

  • HTML 5
  • JQuery
  • JavaScript
  • CSS

Collection with Secondary Content


Collection with Avatar


  • HTML5 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

Collection with dismissible content


  • HTML 5
  • JQuery
  • JavaScript
  • CSS

结果

验证结果。