css – 如何为固定数量的文本行设置元素高度

前端之家收集整理的这篇文章主要介绍了css – 如何为固定数量的文本行设置元素高度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
给定一些占用大约10行的文本,我如何调整其容器大小,只显示前3行并隐藏其他的行?显然这是有效的,但我认为这是不可靠的:
.container {
    height: 7.5ex; /* 2.5ex for each visible line */
    overflow: hidden;
}

我可以依靠一行的高度= 2.5ex还是在我用来测试的浏览器中是巧合?

解决方法

如果你要使用这个,你应该确保line-height总是2.5ex
.container {
  line-height: 2.5ex;
  height: 7.5ex; /* 2.5ex for each visible line */
  overflow: hidden;
}

Demo

原文链接:https://www.f2er.com/css/216795.html

猜你在找的CSS相关文章