css 一些你想不到的属性

一、文本超出盒子，直接修剪掉或者用省略符号代替
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。