📜  Materialize-帮助器

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


 

Materialise具有一些实用程序类,可用于日常设计需求。

  • 颜色实用程序类-例如,.red,.green,.grey等
  • 对齐实用程序类-例如,.valign-wrapper,.left-align,.rightalign,.center-align,.left,.right
  • 根据设备大小隐藏Content实用程序类-例如,.hide,.hideon-small-only,.hide-on-med-only,.hide-on-med-and-down,.hide-on-med-and和-up和.hide-on-large-only
  • 格式化实用程序类-例如,截断,可悬停

materialize_utilities.htm

The Materialize Example
            
      
      
                 
                   
   
   
    
      

Materialize Utilities


Color Utilities Demo

The latest versions of Apple Safari, Google Chrome, Mozilla Firefox, and Opera all support many HTML5 features and Internet Explorer 9.0 will also have support for some HTML5 functionality.

The mobile web browsers that come pre-installed on iPhones, iPads, and Android phones all have excellent support for HTML5.

Alignment Utilities Demo

Vertically Aligned Text

Left Aligned Text

Right Aligned Text

Center Aligned Text

Hide Utilities Demo

Hidden on all devices

Hidden on mobile devices

Formatting Utilities Demo

The latest versions of Apple Safari, Google Chrome, Mozilla Firefox, and Opera all support many HTML5 features and Internet Explorer 9.0 will also have support for some HTML5 functionality.

The mobile web browsers that come pre-installed on iPhones, iPads, and Android phones all have excellent support for HTML5.

Center Utility Demo

html5

结果

验证结果。