css - CSS - コンテンツが新しい行にオーバーフローする場合に別のスタイルを適用する

Question

画像とテキストを含む div があります。テキストが 1 行しかない場合、テキストを垂直方向に画像の中央に揃えたいと思います。テキストが 1 行以上のテキストを占める場合、テキストの上部を画像の上部に揃えたいと思います。

CSS には、テキストが次の行に折り返されるタイミングを検出する方法がありますか?

Answer 1

いいえ、CSS はそのようなものを検出できません。これは単なるスタイリング言語であり、決定を下す可能性はありません。

Answer 2

いいえ、これは不可能です。ただし、単語が「折り返し」または次の行に移動するのを防ぐことは可能です。ただし、この機能はすべてのブラウザーで完全にサポートされているわけではありません。これはワードラップと呼ばれます。