一列css的宽度

Question

这是我的表的css属性。我想修复某列的宽度并隐藏溢出。我尝试了所有的列，但我似乎无法使它工作。

.celltable2 table {
table-layout:fixed;
font-family: Helvetica, Arial, sans-serif;
width: 640px;
border-collapse:
collapse; border-spacing: 0;
}

table.celltable2 td, th {

border: 1px solid transparent;
width: 30px;
height: 30px;
transition: all 0.3s; 
overflow: hidden;
}

table.celltable2 td {

text-align:center; 
    vertical-align:middle;
}

我可能会遗失一些东西吗？我尝试定义colgroup和colspan但没有成功。

Answer 1

问题在于你的这个css

table.celltable2 td, th {
  border: 1px solid transparent;
  width: 30px;
  height: 30px;
  transition: all 0.3s; 
  overflow: hidden;
}

在此，您已定位<td>的宽度，而不是<th>的宽度，因为,需要定义table.celltable2 th，而不仅仅是th

这是正确的

table.celltable2 td, table.celltable2 th {
  border: 1px solid transparent;
  width: 30px;
  height: 30px;
  transition: all 0.3s; 
  overflow: hidden;
}