HTMLのテーブル

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

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

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

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

CSSに追加

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

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要素の指定になるようにセレクタを変えてください。