我正在寻找一个类似于此的输出:
1. One 2. Two 3. Three 4. Four
从以下HTML代码
<ol> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> </ol>
当您漂浮li以使其水平时,似乎Internet Explorer不希望显示号码(列表项).
解决方法
此代码适用于我测试过的所有浏览器.如果您还没有找到答案,最受欢迎的答案的建议是有效的.只要调整你的宽度,如果你想要包装.
<ol style="list-style-type:decimal; width: 600px;"> <li style="float: left; width: 200px; padding: 2px 0px;">Test</li> <li style="float: left; width: 200px; padding: 2px 0px;">Test</li> <li style="float: left; width: 200px; padding: 2px 0px;">Test</li> </ol> ol.horizontal{ list-style-type: decimal; width: 600px; } ol.horizontal li{ float: left; width: 200px; padding: 2px 0px; } <ol class="horizontal"> <li>Test</li> <li>Test</li> <li>Test</li> </ol>
原文地址:https://www.jb51.cc/css/214245.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。