2015-03-13 160 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