我喜歡使用串列項來列出結構的內容，盡管我對不同的元素沒有對齊這一事實感到沮喪。CSS中有沒有辦法將專案均勻地隔開？
<ul class="buses">
<li>
<time>-26s</time>
<time>10m</time>
<time>21m</time>
</li>
<li>
<time>-10s</time>
<time>13m</time>
<time>35m</time>
</li>
<li>
<time>-8s</time>
<time>14m</time>
<time>25m</time>
</li>
<li>
<time>2m</time>
<time>18m</time>
<time>40m</time>
</li>
</ul>麻省理工的原原始碼是https://github.com/kaihendry/ltabus/blob/master/static/index.html#L110
uj5u.com熱心網友回復：
表格布局
.buses {
display:table;
}
.buses li {
display:table-row;
}
.buses time {
display:table-cell;
padding:2px 5px;
}<ul class="buses">
<li>
<time>-26s</time>
<time>10m</time>
<time>21m</time>
</li>
<li>
<time>-10s</time>
<time>13m</time>
<time>35m</time>
</li>
<li>
<time>-8s</time>
<time>14m</time>
<time>25m</time>
</li>
<li>
<time>2m</time>
<time>18m</time>
<time>40m</time>
</li>
</ul>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/399984.html
標籤：css