仍然是一個新手,并且希望得到一些指導,因為這在我的專案中不斷發生。
我使用 display: flex 創建了一個導航欄 - 我想我已經將所有內容都居中對齊,但它正在向右移動。
由于以下屬性,我期望導航中心對齊。
.navlist {
display: flex;
justify-content: center;
}
.navlist li {
padding: 20px;
list-style-type: none;
text-align: center;
}
但我的結果有點偏離中心
請檢查我的代碼筆
我也嘗試過 margin: auto 但仍然無法弄清楚!
提前致謝
uj5u.com熱心網友回復:
在您的 CSS 中添加以下代碼,它應該可以正常作業。
.navlist li:first-child {padding-left: 0;}
您的導航有點偏離中心的原因是它根據您的代碼添加了 20px 的左填充,因此導航向右移動 20px。
希望這個答案有幫助!
uj5u.com熱心網友回復:
對您的代碼進行了細微的更改,看看它是否是您所期望的
.navlist {
display: flex;
justify-content: center;
text-align: center;
padding-left: 0;
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/446916.html
上一篇:如何使用CSS隱藏/洗掉閃亮R中的tabBox灰色邊框
下一篇:css未正確呈現