0

テーブル内の要素の幅を指定した<th>場合、table-layout が指定されておらず、デフォルトで自動に設定されている場合、幅の広いテーブルに関してはどういう意味ですか? そのような幅は、列全体の最小幅を指定しますか? もしそうなら、これはどこで指定されていますか - 幅がこのように解釈されると言っている HTML/CSS 仕様には何も見つかりませんが、Firefox と IE はどちらも幅をこのように解釈しているようです。

これを理解するために、曜日の数値データ (生産量など) の表を想像してみてください。曜日は列見出しです。私は2つの条件に対処したい:

  • 特定の日のデータはありませんが、列の幅を醜い最小値に縮小したくありません。むしろ、その最低限を設定したいのです。
  • 列に大きな数字がある場合、列の幅を自動的に拡大して数字全体を表示したい。

次のように一連の列幅を指定すると...

<tr>
<th style="width:3em">Sun</th>
<th style="width:3em">Mon</th>
<th style="width:3em">Tue</th>
...etc
</tr>

... 探している結果が得られます。しかし、私はこれに頼ることができますか？

4

2 に答える 2

0

はい、これに頼ることができます。それは CSS 仕様にあり、ブラウザはここで本に従っています。テーブル セルの場合、widthプロパティは列幅の計算に使用される最小幅を設定します。

widthプロパティの説明はこれを述べていないか、説明を参照していないため（私が見る限り）、仕様はここではやや面倒ですが、これはセクション 17.5.2.2自動テーブルレイアウトで説明されています。最初の番号付きリストの項目 1 には、次のように記載されています。セルの指定された「幅」(W) が MCW より大きい場合、W はセルの最小幅です。「auto」の値は、MCW が最小セル幅であることを意味します。」</p>

于 2013-01-29T06:04:25.373 に答える
-1

最小許容幅を設定し、必要に応じてフィールドをより広く拡張するには、次のようなものを使用します

th {
  width: auto; /* This is default, but shown here for clarity */
  min-width: 100px; /* or whatever size need be */
}
于 2013-01-29T02:01:17.570 に答える