确定表td的宽度和高度

Question

在我的项目中，我试图通过执行以下操作来实现固定宽度和高度 of td：

td{
   max-width:100px;
   max-height:100px;
   width:100px;
   height:100px;
   overflow:hidden;
   word-wrap:break-word;  /* CSS3 */
}

这是小提琴

但是正如你在小提琴中所看到的，如果td的内容在增加，它的高度就会增加。

反正是来修的？

请给出一个cross-browser的解决方案。

如果在extjs中有一个可用的修补程序，那么这也可以帮助我。

PS:我知道使用div的可以很容易地实现，但是现在我无法改变它。

Answer 1

用div包装您的内容

table{width:500px;height:200px;}

td{border:1px solid green; width:100px;
  height:100px;}
/* My fix try */


td div{
  width:100px;
  height:100px;
  overflow:hidden;
  word-wrap:break-word; 
}

演示

Answer 2

我的问题有点不同。我只是把width:100%和height:100%交给table标签。也就是说，没有固定的td。

我通过在每个div标签中添加td并给出固定的尺寸来解决这个问题。

td>div{
   /* Giving values less than the td values by assuming */
   width:100px;
   height:100px;
   overflow:hidden;
}

这是工频

感谢@Sowmya给出了这个想法。:)

PS:我把这个作为一个答案，这样它可以在将来帮助其他人。