我在 mediawiki 上看到了以下情況：
在 F12 開發人員工具中找到的屬性是：
div 樣式
--webkit-columns: 22em 3;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
direction: ltr;
word-wrap: break-word;
烏力風格
break-inside: avoid;
list-style: square;
text-align: -webkit-match-parent;
direction: ltr;
word-wrap: break-word;
隨著列數的增加，底部的串列居中。我怎樣才能像 a、c、d 和左 b 一樣排序？
uj5u.com熱心網友回復：
在以下情況下使用多列：
- 您希望您的文本顯示在類似報紙的欄目中。
- 您有一組要分成幾列的小專案。
- 您不需要針對單個列框進行樣式設定。
您可能希望通過設計實作許多設計模式。這里我使用 Flexbox
ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
flex: 1;
margin: 0 -15px;
}
li {
width: calc(33.3333% - 20px);
margin: 10px 10px 10px;
background:yellow;
}<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
</ul>uj5u.com熱心網友回復：
display: flex;
flex-flow: row wrap;
以上兩個 flex 屬性會更有效，因為列在容器類下，所以列將自動采用寬度（螢屏調整大小或向左添加導航欄）。
direction: ltr; direction: rtl;如果有的話，您也可以申請檢查內部列的正確對齊方式。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/386931.html