我的CSS

ul{

overflow:hidden;

}

li{

display:inline-block;

}

我的HTML

• a
• b
• c
• d
• e
• f
• g

我想把所有的我的項(xiàng)目對(duì)齊在一行,如果我做的一切都很好,除了當(dāng)3或4個(gè)li填充我的身體的第一行,他們?nèi)サ诙?我希望他們?cè)谝恍泻鸵磺?行填滿后將被“隱藏”

例如 ：：

//注意li持有句子不只是1個(gè)字母

現(xiàn)在輸出::

a b c d

e f g

所需輸出::

a b c d e f //all of them in 1 line and the rest of them are hidden 'overflow:hidden'

@H_403_22@

嘗試放置空格：nowrap;在你的< ul>樣式

編輯：并使用’inline’而不是’inline-block’作為其他人已經(jīng)指出(我忘了)

@H_403_22@

@H_403_22@

總結(jié)

如果覺(jué)得編程之家網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將編程之家網(wǎng)站推薦給程序員好友。

本圖文內(nèi)容來(lái)源于網(wǎng)友網(wǎng)絡(luò)收集整理提供，作為學(xué)習(xí)參考使用，版權(quán)屬于原作者。

小編個(gè)人微信號(hào) jb51ccc

喜歡與人分享編程技術(shù)與工作經(jīng)驗(yàn)，歡迎加入編程之家官方交流群！

總結(jié)

以上是生活随笔為你收集整理的html的关于上一行对齐,html – 如何在一行上对齐我的所有li？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。