Semantic-UI 列表有序类型

Semantic UI是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。它使用一个类将 CSS 添加到元素中。列表是对一组相关项目进行分组的绝佳方式。有序列表用于以有序的方式对一组相关项目进行分组。语义 UI 为我们提供了语义 UI 样式的有序类型列表。让我们看一下各种列表有序类型类。

语义 UI 列表有序类型类：

• list：创建标准语义 UI 列表。
• 有序：以有组织的方式对列表进行分组。
• item：创建一个列表项。

句法：

  ...
  ...

示例 1：在下面的示例中，我们创建了一个标准语义 UI有序列表。

输出：

订货型标准清单

示例 2：在下面的示例中，我们创建了一个分为多个单元格的水平有序列表。

HTML

  

    Semantic UI List Ordered Type
    
  
    
        
  
    
    

  

    
        GeeksForGeeks
        Semantic UI List Ordered Type
        
        
        Grocerry List
        
            Eggs
            Honey
            
              Vegetables
              
                Onions
                Cabbage
                Tomatoes
              
            
            
                Meat
                
                  Chicken
                  Fish
                
            
          
    
  

  

输出：

水平有序列表划分为单元格

参考资料： https://semantic-ui.com/elements/list.html#ordered