使用css设置表格单元格宽度不起作用

Question

我有简单的表格，我试图用CSS设置样式。问题是我无法使表格单元格宽度起作用。这是我的代码：

table {
border: 1px solid lightgray;
border-spacing: 0px; 
table-layout: fixed;

}

td.name {
padding: 0;
background-color: rgb(245,245,245);
width:'80px';
}



table.myclass {  border: solid lightgray 1px;
}

<table class="myclass">
<tr>
<td class="name"><input type="checkbox"></td>
<td class="name"><img class="line" src="line.png">Name</td>
<td class="name"><img class="line" src="line.png">Report Type</td>
<td class="name"><img class="line" src="line.png">Modified On</td>
<td class="name"><img class="line" src="line.png">Description</td>
</tr></table>

当我渲染它时，表格单元格的宽度都完全符合它们的内容。它们不是我试图实现的80像素。我做错了什么？

Answer 1

您也必须设置表 宽度 ，如果不起作用，请在 td中设置 overflow：hidden; 风格。

Answer 2

我认为价值不应该在报价'80px'之内，而是80px：

td.name {
padding: 0;
background-color: rgb(245,245,245);
width:80px;
}