ul{overflow:hidden;}li{display:inline-block;}
我的HTML
<ul><li>a</li><li>b</li><li>c</li><li>d</li><li>e</li><li>f</li><li>g</li></ul>
我想把所有的我的项目对齐在一行,如果我做的一切都很好,除了当3或4个li填充我的身体的第一行,他们去第二行,我希望他们在一行和一切1行填满后将被“隐藏”
例如 ::
//注意li持有句子不只是1个字母
现在输出::
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'解决方法 尝试放置空格:nowrap;在你的< ul>样式
编辑:并使用’inline’而不是’inline-block’作为其他人已经指出(我忘了)
总结以上是内存溢出为你收集整理的html – 如何在一行上对齐我的所有li?全部内容,希望文章能够帮你解决html – 如何在一行上对齐我的所有li?所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)