おしえて

HTMLのテーブル

締切済

質問者：ぽち101
質問日時：2022/09/25 01:01
回答数：2件

1行3列あって1列目だけ折り返しせずに幅を自動調整、
残りの2列は折り返しして幅を自動調整したいのですが、
HTMLまたはCSSを教えてほしいです。

｜1折り返ししない・幅は自動調整｜2折り返しする・幅は自動調整｜3折り返しする・幅は自動調整｜

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： t_fumiaki
回答日時：2022/09/26 13:59

以下にしないと、2,3列目は折り返さないですよ。

CSSに追加

td:first-child {
width: min-content;
word-break: keep-all;
}

- 1
- 件

通報する

No.1

回答者： fujillin
回答日時：2022/09/25 09:00

こんにちは

tableの構成が不明ですが
<table><tbody><tr> ・・・
という構成で、上記の<tr>を1行目と考えてよいのなら、

tr:first-child td {
width: min-content;
word-break: keep-all;
}

でいかがでしょうか？

構成が異なる場合は、1行目のtd要素の指定になるようにセレクタを変えてください。