css - 为什么 CSS 文本缩进不起作用？

Question

.logo {
    display: block;
    width: 200px;
    height: 100px;
    margin: auto;
    text-indent: 999px;
    font-size: 14px;
    font-weight: 500;
    color: #F44336;
    }

<h1 class="logo">This is a title </h1>

screenshot

如果我为 text-indent 分配一个非常大的数字(text-indent: 999px;)，则只有第一个单词被隐藏。在这种情况下，应隐藏所有单词，因为 text-indent 属性指定文本 block 中第一行的缩进。

我并不是要隐藏所有文本。我知道文本缩进图像替换方法。我只是好奇为什么代码不能正常工作。

Answer 1

我发现如果使用 html 元素 css 属性“text-align”，那么文本缩进将不起作用，在这种情况下

text-align:unset;