我需要限制一些文本,以便它永远不会超过2行
这是我到目前为止:
Here is some long text, it just keeps on going and going and going.. Hello, how are you? I'm fine thank you. And yadda yadda yadda
h3 {
width: 400px;
font-size: 1.5em;
max-height: 2.4em;
line-height: 1.2em;
overflow-y: hidden;
/* perhaps throw in some padding and margin control to be sure */
}
它似乎工作,我已经在一些浏览器中测试了它,效果很好
但我可以指望这个吗?是否有超过2行的情况?
如果用户在浏览器中放大或放大字体大小,则max-height和line-height应该跟随(em),所以我不认为这是一个问题
(PS:我需要使用em,所以像素大小不是一个选项)