6

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

<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 が max-width によって制限される IE8 にのみ存在しますが、td 要素は制限されないため、テーブルの位置合わせが依然として発生します。

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

4

2 に答える 2

2

テーブル レイアウトの定義:固定; あなたのtable。次のように書きます。

table{
 table-layout:fixed;
}
于 2012-05-15T10:36:15.357 に答える
0

次のスタイルを に適用できますdiv。

overflow: hidden;
white-space: nowrap;

も指定する必要がありますwidth。

于 2012-05-15T10:39:42.493 に答える