Web html的ul横向排列

• html

<ul class="nav">
    <li>menu1</li>
    <li>menu2</li>
    <li>menu3</li>
    <li>menu4</li>
    <li>menu5</li>
    <li>menu6</li>
</ul>

• 第一种方式：flex

ul,li{list-style: none;margin: 0;padding: 0;}
.nav{display: flex;flex: row;flex-wrap: wrap;}
.nav li{width: 200px;flex: auto; text-align: center;}

• 第二种方式：float

ul,li{list-style: none;margin: 0;padding: 0;}
.nav{display: flex;flex: row;flex-wrap: wrap;}
.nav li{width: 200px;flex: auto; text-align: center;}

如有疑问，可加QQ：297278806