Css 未设置价格时，div布局中断

一旦我没有添加价格，产品的布局就会中断，正如你在链接中看到的那样

它不响应我针对的任何类？我应该瞄准哪个班级？

---

谢谢。

您需要在不显示价格的情况下保留价格标签的位置<代码>可见性：隐藏非常适合此功能。如果价格不可用，则添加一个类，如

no_price

，并将可见性设置为隐藏，如下所示

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

p.no_price {
    visibility: hidden;
}

p、 无价{
可见性：隐藏；
}

您需要在不显示价格的情况下保留价格标签的位置<代码>可见性：隐藏非常适合此功能。如果价格不可用，则添加一个类，如

no_price

，并将可见性设置为隐藏，如下所示

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

p.no_price {
    visibility: hidden;
}

p、 无价{
可见性：隐藏；
}

我将“sale\u price”元素的高度设置为45px（或最小高度）。依赖内容来防止布局破坏似乎是一个坏习惯。

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

谢谢Scott，效果很好。我在寻找明确的答案：两者都有；规则来分隔元素。谢谢Scott，效果很好。我在寻找明确的答案：两者都有；规则来分隔元素。