7月28日笔记

1、设置换行最好方式：

  word-wrap:break-word;overflow:hidden;

2、white-space属性：

在HTML中的空格字符很多的时候，默认只显示一个，

white-space：normal； //默认情况，即只有一个空格

white-space:pre；类似于HTML中的pre标签，多个空格显示；

white-space：nowrap；//文本不会换行，直到文本结束

3、text-overflow属性：

text-overflow：clip //剪切文本，文本到行尾，不进行显示

text-overflow：ellipsis //文本行尾，使用省略号。

要设置效果：

{

white-space：nowrap；

overflow：hidden；

text-overflow：ellipsis；

}

4、display:table;display:table-row;display:table-cell属性，使布局类似于表格布局，但是去除了table的语义方面的弊端。

效果类似于：

效果：

这个display：table属性很容易实现多列布局，但是不支持在IE7以下。