2015-03-13 95 views
0

我有简单的表格我想用CSS样式。问题是我无法获取表格单元格的宽度。这是我的代码:设置表格单元格的宽度与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像素。我究竟做错了什么?

+3

在'宽度没有引号: '80px';'。应该是'width:80px;' – j08691 2015-03-13 17:01:44

回答

0

必须设置表宽度也一样,如果不工作,设置溢出:隐藏;td风格以及。

+0

谢谢。当我输入宽度:1200px;那么它的工作。 – 2015-03-13 17:08:25

0

我觉得值不应该引号 '80px',但里面80px:

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

报价并不重要 – 2015-03-13 17:09:46

+1

@eyp - 是的,他们绝对会这样做。 – j08691 2015-03-13 17:11:59

+0

没有人我认为他们很重要,我测试它没有报价工作 – 2015-03-13 17:12:58