Blaze UI 内联列表

Blaze UI是一个基于 CSS 的 UI 库，它为快速构建网站提供了一个很好的结构，具有可扩展和可维护的基础。在本文中，我们将了解Blaze UI Lists Inline组件。该组件用于使您的列表项从左到右流动，而不是从上到下出现。

Blaze UI 列出内联使用的类：

• list–inline：该类将充当修饰符以使列表项在单行中。

句法：

    
List-Item

以下示例将演示此组件。

示例 1：在此示例中，无序列表是一个内联列表。

HTML

  

    

  

    
GeeksforGeeks
    
 Blaze UI Lists Inline
    

        
Geeks
        
for
        
Geeks
    

  

输出：

示例 2：在此示例中，无序内联列表嵌套在有序列表中。

HTML

  

    

  

    
GeeksforGeeks
    
 Blaze UI Lists Inline
    

        
Fruits
        

            
Orange
            
Banana
            
Apple
        
        
        
Vegetables
        

            
Ladyfinger
            
Tomato
            
Potato
        
        
        
Colours
        

            
Red
            
Green
            
Yellow
        
        
        
City
        

            
Delhi
            
Moradabad
            
Lucknow
        
    

  

输出：

参考： https://www.blazeui.com/components/lists/#inline