php - HTML divの幅をphpで動的に変更するにはどうすればよいですか?

Question

私のウェブサイトには、ユーザーが質問や画像を追加できるFAQページがあります

<div class="FAQ container">
<div class="content">text text text</div>
<div class="pic"><img></div>
 </div>

ユーザーが質問にテキストのみを追加する場合、div .class は 100% 幅にする必要があります。ユーザーがテキストと img を追加する場合、2 つの div はそれぞれ 50% にする必要があります。

Answer 1

これを行うには、PHP または JavaScript を使用する多くの方法があります。

PHP

画像であるかどうかに応じて異なるクラスを適用し、異なるスタイルを適用できます。各回答/画像セットが配列として保存されている場合は、画像が適用されているかどうかを確認し、画像が空でない場合はクラスをエコーすることができます。

JavaScript

これは、私が使用する傾向がある方法です。JavaScript を使用して、画像が自分のものかどうかを確認し、スタイルを適切に変更します。ただし、JS が無効になっているブラウザには適切な CSS のみのフォールバックがあることを確認してください (たとえば、これらのユーザーにはテキストの上に画像を表示します)。