html - 幅 = 100% の表のセル幅を修正する方法

Question

width=100% で、各列幅が % 値のテーブルで、最後の列の固定幅を取得できるかどうかを知りたいですか?

はいの場合、どのように？

Answer 1

とにかくサイトでJavaScriptが必要な場合は、レンダリング後に幅を操作できます。

1. ブラウザに、相対的な列幅を理想に近いものに、最後の列幅を修正するように設定せずに、テーブルをレンダリングさせます。

2. レンダリングされたテーブルの幅を読み取ります。

3. テーブルの幅から、最後の列に含める幅を引きます。

4. 3.からの値を100％として使用して、残りの列の幅をパーセンテージで計算します。

5. プログラムですべての列幅を設定する

Answer 2

CSSを使用してそれを行うことができます：

#mytable td:last-child {
  width: 50px; /* change to whatever you want */
}

Answer 3

短い答えはノーです。単純な方法で CSS を使用することはできません。明らかな理由から、固定幅と相対幅を混在させるのは非常に面倒です。

calc()ただし、ブラウザに適切な幅を計算させるために使用できる新しい CSS3 機能があります。

注意残念ながら、これはまだ実験的なものであり、ブラウザーのサポートは限られています。