CSS中的一些小技巧

pengjj2

1、列表横排
     将li的样式设置为
     li{display:block;float:left;}
2、去除图片垂直方向的空白
     最好的做法
     为 img 加上 vertical-align属性
3、连续文字的强制换行
     word-break:break-all;
     word-wrap:break-word;
4、文字过多显示省略号
      text-overflow: ellipsis;//显示省略号
     display:blcok;
     white-space:nowrap;
     ps:需要定义宽度
5、避免表格被撑开
     table-layout: fixed;