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

Question

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

示例：

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

http://codepen.io/Krillko/pen/VveaZp

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

Answer 1

这可以通过使用如下的jquery来完成：

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

（未经测试，但逻辑应该清楚:)）