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

【问题标题】：How to set width for the first column or second?如何设置第一列或第二列的宽度？
【发布时间】：2020-09-25 11:57:03
【问题描述】：

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

div {
  columns: 3;
}

&lt;div&gt;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  &lt;/div&gt;

【问题讨论】：

你不能有不同的宽度
使用CSS Grid 控制多列布局中每列的宽度
如果你想要多列布局和单独的内容，使用 CSS flex 或 grid。如果要将单个段落分成多个列，可以查看 CSS column-with 属性。

标签： css html-table multiple-columns

【解决方案1】：

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

div {
  column-width: 120px;
}

&lt;div&gt;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  &lt;/div&gt;

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

【讨论】：