如何设置第一列或第二列的宽度？

问题描述

如何设置第一列或第二列的宽度？

div {
  columns: 3;
}

<div>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT  </div>

解决方法

有一个参数column-width，但它仅用于定义一种min-width，该类型通过定义单个列的最小宽度来确定将有多少列（请参见下面的示例，其中120px设置会在代码段窗口内显示4列）。通常用它代替定义列数的column-count。

div {
  column-width: 120px;
}

<div>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT  </div>

但是在两种情况下，使用这两种设置之一创建的所有列的宽度始终相同。