css - 価格が設定されていない場合、div レイアウトが壊れる

Question

リンクでわかるように、価格を追加しないと、製品のレイアウトが壊れます。http://wptemp.wendybellissimo.com/?pcategory=accessories

対象のクラスで応答しませんか? どのクラスをターゲットにすればよいですか？ありがとう。

Answer 1

価格を表示せずに値札の場所を保持する必要があります。visibility: hiddenはこれに最適です。no_priceif a price is not available のようなクラスを追加し、以下のように可視性を非表示に設定します。

<p class="sale_price no_price"></p>

p.no_price {
    visibility: hidden;
}

Answer 2

「sale_price」要素の高さを 45px (または最小高さ) に設定します。レイアウトが壊れないようにコンテンツに頼るのは悪い習慣のようです。