提问者:小点点

使用CSS将45个字符(36个字母和9个数字)扩展到多行


每个人。 我有一个由45个字符组成的无序列表(36个提婆纳加里字母和9个数字)。 我正在努力使用CSS将它们对齐到多行。 我想把字母分成4行,分别是12,9,9和6个字母,把9个数字分成另一行。 我怎么去做这件事呢? 提前谢谢你。


共1个答案

匿名用户

尝试以下操作:display:inline;

null

.row li{
display:inline;
}
<ul>
<ol class="row">
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
</ol>
<ol class="row">
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
</ol>
<ol class="row">
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
</ol>
<ol class="row">
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
</ol>
</ul>