Question

所以我有4个主题的ol。当没有足够的空间展示所有这些时，我希望它包装到下一行但只在列表的中心

所以我有

<ol>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
</ol>

，它显示如此，

A B C D

然而，当我缩小页面时，我希望它显示为

A B
C D

而不是

A B C
D

所以我需要在BC之间放一些东西，但我不知道是什么。谢谢你的帮助！

Answer 1

你可以写这样的标记：

<强> HTML

<ol>
 <ul>
    <li>A</li>
    <li>B</li>
 </ul>
 <ul>
    <li>C</li>
    <li>D</li>
 </ul>    
</ol>

<强> CSS

ol li{
    width:150px;
    background:red;
    text-align:center;
    float:left;
}
ul{
    float:left;
    overflow:hidden;
}