HTML – 最大.文字行数;这种方法可靠吗？

概述我需要限制一些文本,以便它永远不会超过2行 这是我到目前为止： <h3>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>h3 { width: 400px; 我需要限制一些文本,以便它永远不会超过2行

这是我到目前为止：

<h3>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>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 */}

见小提琴：http://jsfiddle.net/e5EKY/

它似乎工作,我已经在一些浏览器中测试了它,效果很好

但我可以指望这个吗？是否有超过2行的情况？

如果用户在浏览器中放大或放大字体大小,则max-height和line-height应该跟随(em),所以我不认为这是一个问题

(PS：我需要使用em,所以像素大小不是一个选项)

解决方法 你的方法肯定会有效,但只有一件事：如果你写下一个超过400px宽度的单词,那么它会水平溢出.要解决这个问题,你只需要在CSS规则中添加自动换行：break-word和white-space：pre. 总结

以上是内存溢出为你收集整理的HTML – 最大.文字行数;这种方法可靠吗？全部内容，希望文章能够帮你解决HTML – 最大.文字行数;这种方法可靠吗？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。