Question

在我的项目中，我正在通过以下操作尝试td td{ max-width:100px; max-height:100px; width:100px; height:100px; overflow:hidden; word-wrap:break-word; /* CSS3 */ }：

cross-browser

以下是fix the width and height

但正如你可以在小提琴中看到的那样，如果td中的内容增加，则td的高度会增加。

无论如何要解决它？

请提供{{1}}的解决方案。

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

PS：我知道fiddle它可以轻松实现，但现在我无法改变它。

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

<强> DEMO

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

以下是Working Fiddle

感谢@Sowmya提出这个想法。：）

PS：我发布这个作为答案，以便将来可以帮助其他人。

修复表td的宽度和高度

2 个答案: