html – 如何在一行上对齐我的所有li?

html – 如何在一行上对齐我的所有li?,第1张

概述我的CSS 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填充我的身体的第一行,他 我的CSS
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?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1090086.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存