在响应式设计中，经常需要将文字截断，例如一个两列水平排列的列表，通常不希望li的内容换行，当视图尺寸过小时内容就会被挤到第二行，常用的截断方法为：
1 2 3 4 | li { white-space: nowrap; overflow: hidden; } |
该方法有一个问题，经常会遇到最后一个文字被截断一半，很难看。
更理想的截断方法为：
1 2 3 4 | li { height: 1.65em; overflow: hidden; } |
这里假设你的行高line-height为1.65，请根据你的实际情况取值。
如果height设置为1em而不是行高的值，会导致类似p字母之类的带有尾巴的英文字母被截断下半截。
原文链接：https://xiaohost.com/2352.html，转载请注明出处。
