0
my site上的導航欄居中,但我無法將其中的項目也居中。誰能幫我?將我的響應式導航欄中的元素居中
my site上的導航欄居中,但我無法將其中的項目也居中。誰能幫我?將我的響應式導航欄中的元素居中
你需要在你的CSS來改變這些:(任何評論屬性應該被刪除)
.navbar ul {
/* letter-spacing: -0.01em; */
}
.navbar .nav {
border-right: 2px solid black;
/* position: relative; */
/* left: 0; */
display: inline-block;
/* float: left; */
margin: 0;
/* width: 100%; */
/* height: 10px; */
}
.navbar li {
/* width: auto; */
/* display: block; */
display: inline-block;
margin-bottom: 0;
/* line-height: 40px; */
/* font-size: 14px; */
}
.navbar {
text-align: center;
}
,並刪除了「分頻器和垂直」 li不是必需的,它不會爲您的代碼添加語義值。
快速修復:
.navbar .container {
text-align:center;
}
.navbar .nav {
/*float:left;*/
display:inline-block;
vertical-align:top;
}
.nav-collapse {
display:none;
}
.navbar .divider-vertical {
height:42px;
}
由於您的網站看起來反應,你可能要延續到更小的屏幕尺寸時,適當調整風格。
順便說一句,有趣的新聞標題:)
你想要它們均勻分佈還是什麼?此外,你應該在問題本身提供相關的代碼 –