Semantic-UI 消息列表类型

Semantic UI是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。这个框架最好的部分是它创建了漂亮的响应式布局，因为它包含预构建的语义组件。

消息是我们网站的重要组成部分，它向用户显示某种信息。现在，此消息可以有不同的类型，即消息可以以不同的类型显示，其中一种类型是Message List Type 。

语义 UI 消息列表类型类：

• message：这是一个显示消息的类。
• 清单：它 用于创建列表。消息类可以是其父类，以便以列表的形式显示消息。

句法：

    

          
...
           ...
    

示例 1：在以下程序中，我们将创建一个消息列表。

HTML

 

    
    

 

    

    

        GeeksforGeeks
    
     
    

        Message List Type
    
     
    

        

            Cricket Facts
        
        

             
            
            
Highest Runs Scorer Is Sachin
            
Highest Wicket Taker Is Muralitharan
            
Fastest Runs Getter Is Russell
        
    

 

输出：

示例 2：在下面的示例中，我们将创建一个普通消息和一个消息列表，以查看它们之间的区别。

HTML

 

    
    
 

 

    

    

        GeeksforGeeks
    
    

     
    

        Basic Message
    
     
    

        

            Football Facts
        
         
 

            Mo Salah is the King Of Football.
            Messi is known as the God Of Football.
            Liverpool F.C. is the most successful
            English Club.
        
 
 
    
    
Message List
    

        

            Football Facts
        
        

            
            
Mo Salah is the King Of Football
            
Messi is known as the God Of Football
            

                Liverpool F.C. is the most
                successful English Club
            
        
    

 

输出：

参考： https://semantic-ui.com/collections/message.html