text-align:justify在容器上使用，这样无论您列表中有多少个元素，它都将起作用（您不必为每个列表项计算％宽度）
#nav { text-align: justify; min-width: 500px; } #nav:after { content: ''; display: inline-block; width: 100%; } #nav li { display: inline-block; }<ul id="nav"> <li><a href="#">HOME</a></li> <li><a href="#">about</a></li> <li><a href="#">BASIC SERVICES</a></li> <li><a href="#">OUR STAFF</a></li> <li><a href="#">ConTACT US</a></li></ul>
