html - 使用 CSS 将 45 个字符（36 个字母和 9 个数字）分布到多行中

Question

每个人。我有一个 45 个字符（36 个梵文字母和 9 个数字）的无序列表。我正在努力使用 CSS 将它们对齐到多行。我想将这些字母分别分成 4 行，每行 12、9、9 和 6 个字母，然后将 9 个数字分成另一行。我该怎么做呢？提前致谢。

标签： htmlcss

Answer 1

试试这个：display:inline;

.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>