css 两个li并排

我们经常会需要将两个或多个元素并排显示，如何用 CSS 来实现呢？一种常见的方式是使用 float 属性。

首先，我们需要有两个并列的元素，例如两个 li 元素：

    ul>
          li>
    第一个选项/li>
          li>
    第二个选项/li>
        /ul>

然后我们给这两个 li 元素分别添加 float:left 属性：

    li{
          float:left;
    }

这样两个 li 元素就能够并排显示了。如果我们想要它们在同一行，那么需要给它们的父元素 ul 添加 overflow:hidden 属性，如下所示：

    ul{
          overflow:hidden;
    }
    

当然，还有其他一些实现并排显示的方式，如使用 display:inline-block、flexbox 等等，但使用 float 属性是最简单也是最常见的方法。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！