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

时间:2012-08-21 06:30:41

标签: css twitter-bootstrap

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

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

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

1 个答案:

答案 0 :(得分:0)

没有为表格指定

min-max-width。引用the w3c

  

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

如果您希望获得固定的colums宽度,可能需要尝试在桌面上使用table-layout: fixed; - 但请注意,这会将所有其他列修复为其给定的width

修改 再看看你的例子,在你的情况下似乎要简单得多:你没有给你的表格单元格width但是它们中包含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;
}