一、文本超出盒子,直接修剪掉或者用省略符号代替
test-overflow: ellipsis (用省略号代替)
注意:要配合 overflow: hidden使用
详情见:http://www.w3school.com.cn/cssref/pr_text-overflow.asp
二、段落中的文字是否自动换行
white-space: nowrap
注意:经常配合第一个使用
详情见:http://www.w3school.com.cn/cssref/pr_text_white-space.asp
三、inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移
常用的解决方法是为上述inline-block元素添加vertical-align: bottom。