css - 长文本应该被css隐藏

Question

我有这样的代码。HTML:

<div>
    <h3>Sometext</h3>
</div>

CSS:

div {
    width: 20px;   
}
h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

这里的问题是 H3 标签“Sometext”应该只写成“Somete”，但 overflow 和 text-overflow 都没有帮助。仍然可以看到H3标签。

Answer 1

请检查这个。

h3 {   
    width: 70px;  
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}

<div>
    <h3>Sometext</h3>
</div>