基础 CSS 菜单项对齐

Foundation CSS 是由 ZURB 基金会于 2011 年 9 月构建的开源和响应式前端框架，可以轻松设计美观的响应式网站、应用程序和电子邮件，这些网站、应用程序和电子邮件看起来很棒并且可以在任何设备上访问。它被许多公司使用，例如 Facebook、eBay、Mozilla、Adobe，甚至迪士尼。该框架建立在类似 Saas 的引导程序上。它更加复杂、灵活且易于定制。它还带有 CLI，因此很容易与模块捆绑器一起使用。它提供了 Fastclick.js 工具，用于在移动设备上更快地呈现。

菜单是访问者浏览整个网站的主要工具。在菜单项对齐导航部分，默认情况下，导航菜单的每个项目都是左对齐的。为了使导航菜单右对齐，我们将使用align-right类。

基础 CSS 菜单项对齐类：

• align-left：该类用于将导航菜单对齐到左侧。此类与
  元素内的菜单类一起使用。只有当导航菜单被放置在从右到左的环境中时才能使用它。
  • align-right：此类用于将导航菜单对齐到右侧。此类与
    元素内的菜单类一起使用。
    • align-center：该类用于将导航菜单居中对齐。此类与
      元素内的菜单类一起使用。
      • 扩展：此类用于使用均匀的空间放置菜单项。此类与
        元素内的菜单类一起使用。

        句法：

        
          
        Item 1
          
        Item 2
          . . .
        

        例子：

        HTML

          
        
            Foundation CSS Menu Item Alignment
          
            
            
          
            
            
        
          
        
            
                
                    GeeksforGeeks
                
          
                Foundation CSS Menu Item Alignment
            
          
            
                GeeksforGeeks
                Web Technology
                Data Structure
                Programming
                Algorithm
            
        
          

        
        

        输出：

        

        基础 CSS 菜单项对齐

        参考： https://get.foundation/sites/docs/menu.html#item-alignment