html - 固定表格td的宽高

Question

在我的项目中，我试图通过执行以下操作来修复 's的宽度和高度：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%tabletd

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

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

这是工作小提琴

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

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