解像度の変更時の固定セルを使用したHTMLテーブル

次の表があります。問題は、ズームイン/アウト、または解像度が異なる場合、ヘッダーのサイズが変わることです。どうすればそれらを一定に保つことができますか？私はすべてが1つの行にしかないようにしたい。現在、ヘッダーに複数の単語（Response Comment Num）があり、ヘッダーのサイズが変更されている場合は、単語が互いに重なり合います。解像度の変更時の固定セルを使用したHTMLテーブル

<table border="1" style="width:100%;border-collapse: collapse;" cellSpacing="2" cellPadding="2" > 
<tr> 
<th style="border:0px solid gray;background:#AAAAAA;color:white;font-weight:700;width:10%">Response Komment #</th> 
<th style="border:0px solid gray;background:#AAAAAA;color:white;font-weight:700;width:60%;">Comment</th> 
</tr> 
</table>

出典

2011-12-19 user1060096

セルの合計幅を70％にする理由は何ですか？ –

私は明確にするために含まれていなかったヘッダーが4つあります。 – user1060096

あなたは（おそらくいくつかの個別のCSSファイルにする必要があります）あなたの "スタイル" 属性に

white-space: nowrap;

を追加することができます。

出典

2011-12-19 13:58:40 Pointy

ラッピングを避けるために、最初のヘッダーの幅を広げます。 width: 40%。追加の最小幅を指定することができます。小さな画面でのラッピングを避けるためにはmin-width: 13emです。

white-space: nowrap;を使用して、改行をすべて避けてから、overflow: visible/overflow: hiddenでオーバーフロー動作を制御することもできます。

出典

2011-12-19 14:09:34 Parzifal

hmm ok white-space：nowrap works。今、私はまだそれを持って、また、特定のサイズにセルを設定することができます。私はヘッダーの定数2行（上部と下部）を望んでいる場合...解像度に関係なく – user1060096

タグの中に
タグを追加することができます – Parzifal

ああ、天才の解決策！本当にありがとう！ – user1060096

解像度の変更時の固定セルを使用したHTMLテーブル

答えて

関連する問題