html – 多列上的有序无序列表

html – 多列上的有序无序列表,第1张

概述如何将单个/一个列表(ol或ul)拆分为多个列? 我看到css columns属性不起作用:遗憾的是,新列不会被解释为新行,因此项目的数字(ol)或项目符号(ul)不会出现在新列中. ol,ul { columns: 3;} <ol> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> 如何将单个/一个列表(ol或ul)拆分为多个列?

我看到CSS columns属性不起作用:遗憾的是,新列不会被解释为新行,因此项目的数字(ol)或项目符号(ul)不会出现在新列中.

ol,ul {  columns: 3;}
<ol>  <li>1</li>  <li>2</li>  <li>3</li>  <li>4</li>  <li>5</li>  <li>6</li></ol><ul>  <li>1</li>  <li>2</li>  <li>3</li>  <li>4</li>  <li>5</li>  <li>6</li></ul>
解决方法 列仍然有点儿.你的例子在firefox中看起来很好(只要你添加了-moz-前缀就可以了).在Chrome中,它会像您描述的那样切断子d/数字 – 但您可以添加List-style-position:insIDe来更改绘制的位置.如果您的列表项都是一行,则此方法很有效,但如果它们扩展到多行,则会更改外观. 总结

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

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

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存