html - 使用 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; 风格也是如此。