2014-07-09 36 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; 

为前充足的,你可以自定义这个值,以修复表格单元格,我希望我帮你...

相关问题