css - max/min -width 属性不适用于目标列

Question

我尝试调整表格列宽（下一个链接http://deploy.jtalks.org/jcommune/branches/1?lang=en上的“作者”列）。我已将 min/max 属性添加到 .author-col 样式中：

#topics-table .author-col a {
font-size: 11px;
min-width: 140px;
max-width: 140px;}

但是，目标列的宽度仍为 418 像素。我没有看到任何其他压倒一切的宽度样式。你能帮我解决这个问题吗，谢谢你的任何建议。

Answer 1

min-并且max-width没有为表格指定。引用w3c：

在 CSS 2.1 中，'min-width' 和 'max-width' 对表格、内联表格、表格单元格、表格列和列组的影响是未定义的。

如果你想为你的列实现一个固定的宽度，你可能想尝试table-layout: fixed;在你的桌子上使用 - 但请注意，这也会将所有其他列修复为它们的给定width。

编辑： 再看一下您的示例，在您的情况下似乎要简单得多：您没有width为表格单元格提供 a ，而是a包含在其中。将您的CSS更改为：

#topics-table .author-col a {
  font-size: 11px;
  /* widths are useless here, because an <a> is an inline-element */
}
#topics-table .author-col {
  /* give your .author-col a width instead */
  width: 140px;
}