テーブルセルの最大幅を超えてサイズ変更

Question

私はカメラとそのモデルの名前を表示するテーブルを持っています。問題は、名前/モデル文字列が長すぎてセルのサイズが変更され、テーブル本体がヘッドと同期しなくなる場合です。そのような

<td> 
    <div class="camera_details"> 
     <div class="camera_models">XXXCAMERAMODELXXX</div> 
     <div class="camera_name">XXXCAMERANAMEXXX</div> 
    </div> 
</td> 

このハスのCSS：

td{ 
    max-width: 144px; 
} 
.camera_details { 
    max-width: 144px; 
} 
.camera_models { 
    text-overflow: ellipsis; 
    overflow: hidden; 
} 
.camera_name { 
    text-overflow: ellipsis; 
    overflow: hidden; 
} 
table { 
    table-layout: fixed; 
} 

問題はdiv要素が原因最大幅に制限を受けるが、td要素がまだ表にずれを原因としないIE8上に存在します。

子供のdivの幅に関係なく、tdを特定の幅にする方法はありますか？

Answer 1

定義テーブルレイアウト：固定; tableのこのように書く：

table{ 
table-layout:fixed; 
} 

Answer 2

あなたのdiv年代に次のスタイルを適用できます。

overflow: hidden; 
white-space: nowrap; 

あなたはまたwidthを指定する必要があります。