📜  语义 UI 占位符行内容

📅  最后修改于: 2022-05-13 01:56:14.410000             🧑  作者: Mango

语义 UI 占位符行内容

Semantic UI 是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更令人惊叹。 Semantic UI Placeholder 为我们提供了 4 种类型的内容——标题段落图像。

在本文中,我们将了解语义 UI 占位符行内容。使用语义 UI 占位符行内容,因此占位符可以包含多行文本

Semantic-UI 占位符行内容类:

  • line:该类用于创建行作为占位符。

句法:

...

下面的示例说明了语义 UI 占位符行内容:

示例 1:在此示例中,我们将放置两行占位符。

HTML


  
    
  
  
    
      

Geeksforgeeks

       Semantic-UI Step Stackable Content       

      Placeholde Lines Content:       
        
        
      
    
  


HTML


  
    
  
  
    
      

Geeksforgeeks

       Semantic-UI Step Stackable Content       

      Placeholde Lines Content:       
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
      
    
  


输出:

语义 UI 占位符行内容

语义 UI 占位符行内容

示例 2:在这个示例中,我们将使用多行占位符,注意一件事,如果我们使用 br 标签,那么该行将成为一个段落,看起来就像一个节被放置为一个占位符。

HTML



  
    
  
  
    
      

Geeksforgeeks

       Semantic-UI Step Stackable Content       

      Placeholde Lines Content:       
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
      
    
  

输出:

语义 UI 占位符行内容

语义 UI 占位符行内容

参考: https ://semantic-ui.com/elements/placeholder.html#lines