當前位置:菜譜大全網 - 菜譜大全 - 如何讓菜單css 菜單nav居中 內部li左對齊

如何讓菜單css 菜單nav居中 內部li左對齊

nav居中,給對應的層加上margin:0 auto;

1行n列居中對齊可以通過把li設置成行內塊模式:display: inline-block;

<style>

.nav?{

margin:0?auto;

width:100%;

border:1px?solid?#ccc;

text-align:center;

}

ul?li{?

list-style:none;

margin-left:20px;

display: inline-block;

}

</style>

<div?class="nav">

<ul>

<li>這部分左對齊1</li>

<li>這部分左對齊2</li>

<li>這部分左對齊3</li>

<li>這部分左對齊4</li>

</ul>

</div>