0

私のプロジェクトでは、次のようにしての幅と高さを修正しようとtdしています:

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

ここにフィドルがあります

しかし、フィドルでわかるように、td のコンテンツが増加すると、td の高さが増加します。

とにかくそれを修正するには？

である解決策を教えてくださいcross-browser。

extjs で利用可能な修正があれば、それも私を助けることができます。

PS: div を使用すると簡単に実現できることはわかっていますが、今は変更できません。

4

2 に答える 2

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

デモ

于 2013-03-15T06:37:01.670 に答える
0

私の問題は多少異なっていました。タグにwidth:100%とだけつけてheight:100%いました。tableつまり、固定されたtd's はありません。

これを解決するには、各タグdiv内に 's を追加し、固定サイズを指定しました。td

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

これがワーキングフィドルです

このアイデアを提供してくれた@Sowmyaに感謝します。:)

PS：将来他の人を助けることができるように、これを回答として投稿しています。

于 2013-03-15T07:01:16.080 に答える