给定一些占用大约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; }