html - 場所がない場合にのみテーブルの列を非表示にする

Question

2 列の HTML テーブルがあります。両方を完全に表示したいのですが、2番目は右揃えです。今、私width: 100%;は最初の列のためにそれを作ります. しかし今では、2 番目の列は常に単語で囲まれています。

2 番目の列を右側に配置したいのですが、両方の列をいっぱいに表示するのに十分なスペースがない場合にのみ折り返されます。

Answer 1

この場合、モバイルまたはより小さな画面について本当に考えている場合は、メディア クエリの使用を検討する必要があります。この場合、画面が特定の幅を下回ると、右側の列の幅を広く指定できます。

http://www.css3.info/preview/media-queries/

Answer 2

次の CSS スタイルを右側のセルに追加します。

td {white-space: nowrap;}

これにより、例のように、セル内のテキストが折り返されなくなります。