固定表格td的宽高

Question

在我的项目中，我正在尝试通过执行以下操作来实现 td 中的 fix the width and height：

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

这里是fiddle

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

有办法解决吗？

请给出解决方案，cross-browser。

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

PS：我知道using div's很容易实现，但现在我无法更改。

Answer 1

我的问题有些不同。我只给了width:100% 和height:100% 给table 标签。即，没有固定的td。

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

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

这里是Working Fiddle

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

PS：我将其发布为答案，以便将来对其他人有所帮助。

Answer 2

用 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; 
}

DEMO