1. ホーム
  2. html

[解決済み] テーブルのセル幅を、最後の列を除いて最小にする方法を教えてください。

2022-09-30 17:15:59

質問

幅100%のテーブルがあります。もし私が <td> を入れると、同じ長さの列が広がります。しかし、最後以外の列は、テキストを折り返さずに、できるだけ小さな幅にしたいのです。

まず、私が行ったのは width="1px" をすべての <td> は最後を除いて(非推奨ではありますが style="width:1px" は何の効果もありませんでした)、これはカラムに複数単語のデータがあるまではうまくいきました。その場合、長さをできるだけ小さくするために、テキストを折り返しました。

実演してみましょう。このテーブルを想像してみてください。

---------------------------------------------------------------------------------
element1 | data      | junk here   | last column
---------------------------------------------------------------------------------
elem     | more data | other stuff | again, last column
---------------------------------------------------------------------------------
more     | of        | these       | rows
---------------------------------------------------------------------------------

何をやっても、出てくるのはこれのどちらかです。

---------------------------------------------------------------------------------
element1         | data             | junk here        | last column
---------------------------------------------------------------------------------
elem             | more data        | other stuff      | again, last column
---------------------------------------------------------------------------------
more             | of               | these            | rows
---------------------------------------------------------------------------------

または( style="whitespace-wrap:nowrap" ) これを

---------------------------------------------------------------------------------
         |      | junk  | last
element1 | data |       | 
         |      | here  | column
---------------------------------------------------------------------------------
         | more | other | again,
elem     |      |       | last
         | data | stuff | column
---------------------------------------------------------------------------------
more     | of   | these | rows
---------------------------------------------------------------------------------

最初に提示したテーブルを取得したいです。どうすれば実現できるのでしょうか?(標準にこだわってCSSを使いたいのです。正直、IEも標準の一部を実装していなくても構わないのですが)

もっと詳しく説明します。私が必要とするのは、単語を折り返すことなく列をできるだけ短くすることです (最後の列は、テーブルの幅が実際に 100% になるように必要なだけ大きくする必要があります)。LaTeX を知っている場合、私が欲しいのは、幅を 100% に設定したときに LaTeX でテーブルがどのように自然に表示されるかです。

注:私は この を見つけましたが、それはまだ私に最後のテーブルと同じを与えます。

どのように解決するのですか?

whitespace-wrap: nowrap は有効なCSSではありません。これは white-space: nowrap です。