2014-07-09 34 views
1

我想讓所有的表格單元格等於圖像大小,但由於某些原因,它們不會被設置爲它。表格單元等於

http://jsfiddle.net/gzkhW/

HTML(簡稱位)

<table> 
    <tr> 
     <td><img src="http://i.imgur.com/CMu2qnB.png"></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 

</table> 

CSS

table { 
    border:1px solid black; 
} 
td {width:206px; 
    height:214px; 
    border:1px solid black; 
} 
+0

如果頁面足夠寬,則您的代碼正在工作。你可以嘗試設置一個額外的「最小寬度:206px;」在td樣式上覆蓋由頁面寬度引起的摺疊。 – circusdei

回答

1

你可以使用min-width來設置<td>元素的最小寬度,而不是width,例如: min-width:206px;JS Fiddle demo)。

width的問題似乎是<table>元素嘗試或者被設置爲尊重父元素或視口的寬度。使這個更寬將允許<td>元素伸展到指定的大小;否則會受到限制。 min-width'解決'這個由迫使最小,從而迫使<table>擴大超出其父母的約束。

1

嘗試添加到您的表格樣式有些寬,只要你想

width:2060px; 

height:2140px; 

爲前充足的,你可以自定義這個值,以修復表格單元格,我希望我幫你...

相關問題