html – 将列表包装到右侧

html – 将列表包装到右侧,第1张

概述如果我有一个如下列表: <ul> <li>Alex</li> <li>James</li> <li>Thomas</li> <li>Is</li> <li>Asking</li> <li>Questions</li> <li>On</li> <li>Stackoverflow</li></ul> 默认显示如下: * Alex * James* Thomas 如果我有一个如下列表:
<ul>  <li>Alex</li>  <li>James</li>  <li>Thomas</li>  <li>Is</li>  <li>Asking</li>  <li>Questions</li>  <li>On</li>  <li>Stackoverflow</li></ul>

默认显示如下:

* Alex   * James* Thomas* Is* Asking* Questions* On* Stackoverflow

我将使用什么CSS来显示它:

* Alex     * Questions* James    * On* Thomas   * Stackoverflow* Is* Asking

提前致谢…

解决方法 对于现代浏览器
ul{    -ms-column-count: 2;    -o-column-count: 2;    -moz-column-count: 2;    -kHTML-column-count: 2;    column-count: 2;    }
总结

以上是内存溢出为你收集整理的html – 将列表包装到右侧全部内容,希望文章能够帮你解决html – 将列表包装到右侧所遇到的程序开发问题。

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

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存