经验汇总

1、一行文字超出后自动进行截取：

text-overflow:ellipsis;  /*sllipsis:截取后以 ... 作为省略，clip：没有省略号*/
white-space:nowrap;  /*强制不换行*/
overflow:hidden;  /*溢出隐藏*/

注：三个缺一不可

2、伪类补充

：before，：after
在一个元素标签的前面或者后面，创建一个新的虚拟标签，可以给这个虚拟标签增加样式，也可以增加内容等

CSS3中新增伪类：nth-child
li:nth-child(odd) //奇数
li:nth-child(even) //偶数

3、强制文字不换行
white-space:nowrap;