html – 将列表包装到右侧

前端之家收集整理的这篇文章主要介绍了html – 将列表包装到右侧前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果我有一个如下列表:
<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

提前致谢…

@H_502_15@解决方法
对于现代浏览器
ul{
    -ms-column-count: 2;
    -o-column-count: 2;
    -moz-column-count: 2;
    -khtml-column-count: 2;
    column-count: 2;
    }
原文链接:https://www.f2er.com/html/229487.html

猜你在找的HTML相关文章