css - 未设置价格时 div 布局中断

Question

正如您在链接中看到的那样，一旦我不添加价格，产品的布局就会中断。http://wptemp.wendybellissimo.com/?pcategory=accessories

它不响应我所针对的任何课程？我应该瞄准哪个班级？谢谢。

Answer 1

您需要保留价格标签的位置而不显示价格；visibility: hidden非常适合这个。no_price如果价格不可用，请添加一个类并将可见性设置为隐藏，如下所示。

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

p.no_price {
    visibility: hidden;
}

Answer 2

我会为“sale_price”元素设置一个 45 像素（或最小高度）的高度。依靠内容来防止布局被破坏似乎是一个坏习惯。