Materialize-帮助器 - 芒果文档

📌 相关文章

📜 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

结果

验证结果。