Question

假设我有一张桌子，一些单元格应该有一个等于它们的内容，一些单元格固定，其他单元格可以填充其余单元格。我使用100％方法然后我失去了固定的大小。我做的每一件事，都无法实现两者：

.theTable{
    display:table; 
    width:80%; /* or whatever width for table*/
    height: 200px;
}

.theCell{
    display:table-cell;
    padding:0px 2px;
    white-space: pre; /* this will avoid line breaks*/    
    border:1px solid black;
    vertical-align: middle;
}
.bigCell{
    width:100%; /* this will shrink other cells */
}
.fixedCell {
    height: 40px;
    width: 70px;

}

有什么帮助？

小提琴：http://jsfiddle.net/80nmuxs8/4/

Answer 1

这是修复

http://jsfiddle.net/80nmuxs8/5/

如果您根据内容将要填充的单元格的宽度设置为1％，它将根据内容增长。

.bigCell不需要宽度，因为它将占用剩余空间。

 .contentCell {width: 1%}

归档表格单元格如何组合固定宽度和缩小内容？

1 个答案: