Question

我在一个方形容器中添加了文本，并且我试图让通过边框的字母部分消失，因此它只显示边界内的内容。我无法让它发挥作用。我试图隐藏溢出，但没有做任何事情。 Rw是我只需要隐藏在通过边框的字母部分上的文本

我正在使用SASS，这就是变量的原因。

这是html

<div class="container">
<div class="itemsection clearfix">
        <div class="item"><h1>Rw</h1></div>
        <div class="item"></div>

这是css

.item {
        float: left;
        margin: 0 0 70px 6.04%;
        height: $itemsize;
        width: $itemsize;
        background-color: #ddd;
        border: 8px solid #fff;
        box-shadow: 0 0 20px 0px #ddd;
        overflow: hidden;

        h1 {
            font-size: 7em;
            margin: 15px 0 0 -28px;
        }
    }

Answer 1

我得到了它的工作。由于某种原因罗盘不会刷新样式表，当它最终完成时它会完美地切割它

使文本隐藏在容器边框之外

1 个答案: