テーブルの垂直オーバーフローtd

垂直方向に働くテーブルtdに対して、オーバーフローを隠すか可視にすることはできますか？テーブルの垂直オーバーフローtd

2011-01-26 Zardoz

いいえ、できません。レイアウトのテーブルを使用しないもう一つの理由（http://phrogz.net/CSS/WhyTablesAreBadForLayout.html）。 – Phrogz

あなたのtdのコンテンツをdivにラップし、そのdivの幅と高さを設定する必要があります。オーバーフローコンテンツを隠すことはできません。動作するようにオーバーフローのため、各TDクラスの最大幅のCSSプロパティを設定し

2011-01-26 22:55:13

それは良い解決策であるようです、ありがとう。また、overflow-yで動作します... http://jsfiddle.net/Wx58E/1/ – Zardoz

あなたはオーバーフロー-Yを使用することができます隠されました。

2011-01-26 22:49:25 TheGeekYouNeed

動作していないようです：http://jsfiddle.net/jkXBH/4/（少なくともFirefox 3では） – Zardoz

右側に伸びる領域はdiv2です。これは200pxに定義します。 – TheGeekYouNeed

はい、＃div1が位置する＃td1はオーバーフロー-yを持ちますが、＃div1（黄色のバー）はtdを超えて拡大しません。 – Zardoz

一切のdivのは、IEの場合

td 
{ 
    max-width: 100px; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
}

を必要としない、あなたはあなたの中にこれを持っている必要がありますIE固有のレンダリングを修正するために、HTML問題（IE9まで）

<!--[if IE]> 
<style> 
    table 
    { 
     table-layout: fixed; 
    } 
</style> 
<![endif]-->

2012-08-09 05:35:15 TFD

答えて