CSS：当内容达到最大宽度时更改填充

当元素宽度超过最大宽度时，是否有任何方法可以更改（或删除）元素上的填充

例如：

<div class="button">OK!</div>
<div class="button">Im too wide for my own good!</div>

好的！
我太宽了，不利于我自己！

---

在第一个div中，我需要填充，但在第二个div中不需要填充，具体取决于父级。

这可以通过使用jquery完成，如下所示：

var width_holder = $(".holder").width();
var width_button = $(".button").width();
if (width_holder < width_button) {
  $(".button").css("padding", "0");
}

var width\u holder=$（“.holder”）.width（）；
var width_button=$（“.button”）.width（）；
if（宽度\支架<宽度\按钮）{
$（“.button”）.css（“填充”、“0”）；
}

---

（未测试，但逻辑应清晰：）

不要使用填充。将宽度和高度与线条高度一起用于垂直对齐。你想达到什么目的？！不…CSS无法检测宽度等来应用填充。@user3275665我要的是水平填充。我无法手动设置宽度，因为它有18种语言的数百个按钮。好吧，我认为没有任何逻辑就无法做到这一点，因为html和css根本不够聪明。。。。有时你必须使用其他技术来实现你的“设计”目标。。。如果你不想，你必须调整你的设计，做出妥协。。。在这种情况下，您可以简单地删除

空白：nowrap