Question

我的风格看起来像这样

.label-bold-pre-wrap {
    font-weight: bold !important;
    white-space: pre-wrap !important;
    height: 20px;
    font-size: 10px;
    border-color: #c2c3c4;
    background: transparent repeat-x;
    background-image: url(../reindeer/table/img/header-bg-light.png);
}

但是由于height属性，它在某些地方会稍微破坏标记。如果我禁用了height属性（在浏览器中执行此操作），它将显示标签。

我在其他地方都需要这种样式，因为它不会破坏任何东西。但是在某些情况下，我需要基本相同的样式，但没有height属性。

如何实现？

Answer 1

您的CSS代码

 .label-bold-pre-wrap {
    font-weight: bold !important;
    white-space: pre-wrap !important;
    height: 20px;
    font-size: 10px;
    border-color: #c2c3c4;
    background: transparent repeat-x;
    background-image: url(../reindeer/table/img/header-bg-light.png);
}
    .other{
        height:auto;
    }

您的html代码

<div class="label-bold-pre-wrap">hloo</div>
<div class="label-bold-pre-wrap other">hloo</div>

Answer 2

请尝试Height: auto;或height: initial;。它将覆盖您的height: 20px

覆盖高度属性并将其禁用

2 个答案: