Html 如何调整溢出隐藏div下的隐藏文本

如何在css中隐藏最后隐藏的文本。 容器样式为：

.container{
  overflow:hidden
}

---

完整代码：

您需要调整容器的高度以补偿此影响。否则你会看到的

Soultion

---

最好的方法是使用JavaScript计算字符数，然后隐藏所有字符

将

溢出

高度

等添加到

p

元素中

---

解决这个问题有两种方法，第一种是使用简单的淡出（淡出比掩蔽更容易，因为有效的“掩蔽”需要知道呈现时给定元素的显式字体大小），为此，我建议使用伪元素，带有

：：after

：

.container{
宽度：100px；
高度：98px；
溢出：隐藏；
边框：1px纯红；
位置：相对位置；
}
.容器：：之后{
内容：''；
位置：绝对位置；
底部：0；
左：0；
右：0；
盒影：0 0 10px 7px#fff；
}

这是一位杰出的领袖，他是一位伟大的领袖。乌特维西埃尼姆酒店

可能将其更改为

溢出：隐藏

而不是

溢出：隐藏

对不起，这是我的拼写错误，请显示一些代码请检查以下内容：

p{
width:100px;
height:180px;
overflow:hidden;
border:1px solid red;
}