Question

我的风格是：

.Content > div {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 33%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
}

我只希望.Content的第一个孩子“不能包装”。但是，第一个孩子中的所有div都变得“无法缠绕”。这不是我需要的。有没有办法解决这个问题？

修改

我的HTML是：

<div class="Content">
    <div class="left">
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="center1">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="center2">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="right">
        <div></div>
        <div></div>
        <div></div>
    </div>
</div>

所以，我只希望在.left div中.center1，.center2，.right，.Content div为“无法覆盖”。

Answer 1

如果我理解你的问题，你希望.Content的孩子的孩子没有white-space: nowrap;财产。

您可以使用此css执行此操作：

.Content > div > div {
    white-space: normal;
}

如何防止空白属性继承？

1 个答案: