html - 如何仅使用标记和 CSS 在两列中打印 html 列表?

标签 html css

我有一个列表,ulol,有 n 个列表项 (lis),如何将这个列表转换成仅使用 CSS 和 html 两个独立的列列表项?

最佳答案

您可以通过 float li 并强制它们具有 50% 的宽度来做到这一点:

ul {
    overflow: hidden;
}
ul li {
    width: 50%;
    float: left;
}

在这里试试:http://jsfiddle.net/KzCxh/

关于html - 如何仅使用标记和 CSS 在两列中打印 html 列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7180298/

相关文章:

css - 需要具有反应缩放平移捏合功能的无限图表板

css - Mac 和 Windows 上的 chrome 滚动条行为不同

css - 内容不使用位置 :absolute 滚动

javascript - NodeJS 通过中间件发送图像(可能会被修改)到客户端

html - 仅溢出某些元素

php - 我如何开始使用 PHP 编程?

html - 需要对 Angular 分割垫表格单元格并添加值

html - Bootstrap 列排序网格移动桌面

html - 条件处理与单独页面——哪个有意义?

html - li 元素的完全对齐