[解決済み] テーブルのセル幅を、最後の列を除いて最小にする方法を教えてください。
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
です。
関連
-
[解決済み] <html xmlns="http://www.w3.org/1999/xhtml">」は何をするものですか?
-
[解決済み] HTML IFステートメント
-
[解決済み] チェックボックスとそのラベルをクロスブラウザーで一貫して揃える方法
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] ボディの高さをブラウザの高さの100%にする
-
[解決済み] 静的な HTML ページにファビコンを追加する
-
[解決済み] Webサイトのブラウザタブアイコン(ファビコン)を追加する方法を教えてください。
-
[解決済み] localStorage、sessionStorage、session、cookieの違いは何ですか?
-
[解決済み] テーブルの列幅を、セル内のテキスト量に関係なく一定にする?
-
[解決済み] CSS3のborder-radiusプロパティとborder-collapse:collapseが混ざらないのですが。border-radiusを使用して、角を丸くした折りたたみテーブルを作成するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン