CSS常用设置

在容器设置了overflow前提下，字符显示不全

解决：加入word-break:break-all;可令文字自动换行

子div在父div水平居中

父元素设置 text-align: center;
子元素设置 display: inline-block; 子元素不能设置浮动，否则居中失效。

ul中的li横排显示

li{float:left;}

在此设置下，li中的元素想要垂直居中，需设置：

ul{margin:0 auto;}
li{height:80px;line-height:80px;}

checkbox 和 文字对齐

给input[checkbox]设置 vertical-align：-2px；
效果：IE/chrome 基本都能正常显示，可能会稍微偏上1个像素；