我們可以這樣理解：假想ul層的父層（即下面例子中的div層）中間有條平分線將ul層的父層（div層）平均分為兩份，ul層的css代碼是將ul層的最左端與ul層的父層（div層）的平分線對齊；而li層的css代碼則是將li層的平分線與ul層的最左端（也是div層的平分線）對齊，從而實現li層的居中。這句話繞的有點蒙，有沒有大神給說的直接易懂一點。
1 回答
已采納
碼農2號
TA貢獻151條經驗 獲得超48個贊
這是一個左右對齊吧？上下也可以，平分線是橫著的（上下評分即可）。
另外一般不會用這么麻煩的方法。
一般是
<div>
????<ul>
????????<li>
????????</li>
????</ul>
</div>
div{
????position: relative;
????width:500px;
????height:400px;
????background-color: yellowgreen;
}
ul{
????position: absolute;
????width:100px;
????height:100px;
????background-color:green?yellow;
????top：50%；
????left:50%;
????transform: translate(-50%,-50%);
}
li{
????width: 100%;
????height:100%;
}
純手打，你自己看看對不對。據我所知居中的方法有9種，精通一個就夠了。
-
楓芒i好的，謝謝
添加回答
舉報
0/150
提交
取消