【问题标题】:Table column fixed width表格列固定宽度
【发布时间】:2013-04-04 07:43:49
【问题描述】:

我在为表格列设置固定宽度时遇到问题。看看 jsfiddle 例子:

http://jsfiddle.net/Stylock/jJ6DK/

中间的列应该是300px 宽,左列应该是80px 宽,但是由于某种原因,所有三列的宽度都相同。有谁知道如何解决这个问题?

【问题讨论】:

  • 您是否指定了表格的宽度?你能把代码贴在这里吗,因为某些原因我无法访问 jsFiddle。

标签: html css jsfiddle


【解决方案1】:

删除表格的这种 css 样式,它应该可以工作:

table-layout: fixed;

演示:http://jsfiddle.net/jJ6DK/6/

当您为您的表设置table-layout: fixed 时,它将采用以下算法:

  • 水平布局只取决于表格的宽度和列的宽度,而不是单元格的内容
  • 允许浏览器比自动表格布局更快地布置表格
  • 一旦收到第一行,浏览器就可以开始显示表格了

【讨论】:

  • 好的,我认为这是最好的答案!
【解决方案2】:

table 中删除table-layout: fixed

table {
    border: 1px solid #D7E4B9;
    background: #B4CDCD; 
}

固定代码:http://jsfiddle.net/jJ6DK/2/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-09-05
    • 2014-02-10
    • 2023-03-30
    • 2011-05-10
    • 2014-08-03
    • 2012-01-01
    相关资源
    最近更新 更多