Semantic-UI 占位符行长度变化

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。在本文中，我们将了解占位符变体。

Semantic-UI 占位符用于为即将出现在网页布局中的内容保留空间。 Semantic-UI Placeholder Line Length Variation用于指定将出现在占位符布局上的内容的长度。

Semantic-UI 占位符行长度变化使用的类：

• full：此类用于显示全长占位符布局。
• 非常长：该类用于显示非常长的占位符布局。
• long：该类用于显示长占位符布局。
• medium：该类用于显示中等长度的占位符布局。
• short：此类用于显示短长度占位符布局。
• 非常短：该类用于显示非常短的占位符布局。

句法：

      

      ...

示例 1：在此示例中，我们将创建不同长度的页眉和段落布局。

输出：

示例 2：在此示例中，我们将创建不同长度的标题和段落布局。

HTML

  

    
  
    

  

    

        

            GeeksforGeeks
        
  
        
Semantic-UI Placeholder Line Length Variation
    
  
    

        

            

            

            

            

        
        

            

            

            

            

            

            

        
    

  

输出：

参考： https://semantic-ui.com/elements/placeholder.html#line-length