Html 更改一列css的宽度

Html 更改一列css的宽度,html,css,Html,Css,这是我的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; wi

这是我的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,但没有成功

问题在于您的css

table.celltable2 td, th {
  border: 1px solid transparent;
  width: 30px;
  height: 30px;
  transition: all 0.3s; 
  overflow: hidden;
}
在这种情况下,您的目标是
的宽度,而不是
之后的
您需要这样定义
table.celltable2 th
,而不仅仅是
th

这是正确的

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

问题在于你的css

table.celltable2 td, th {
  border: 1px solid transparent;
  width: 30px;
  height: 30px;
  transition: all 0.3s; 
  overflow: hidden;
}
在这种情况下,您的目标是
的宽度,而不是
之后的
您需要这样定义
table.celltable2 th
,而不仅仅是
th

这是正确的

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

请同时添加html。CSS将表明您的目标是表,而不是表中的列。但是没有HTML是不可能确定的。请同时添加HTML。CSS将表明您的目标是表,而不是表中的列。但是没有HTML,就不可能确定。