经常用到的css样式

一、文本超出包含它元素的部分隐藏，并在文本最后显示省略号

   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;

三句话顺序可以交换；

white-space属性控制三种属性：
空白符号合并还是保留；
文本超出容器是否换行；
空白符号合并enter是否保留；

空白符号：
空格键，显示1个空白；
tab键（”\t”）,显示4个空白；
enter键(“\n”),文本黄航；

空白符号合并是指，无论哪一种，数目只要大于0，在字符串之首全部忽略，文本中的合并成一个。

text-overflow属性：文本溢出包含元素时发生什么
默认clip，修建文本；
ellipsis，超出文本用省略号代替;
string，这个目前不会玩。

这个属性和overflow:hidden和white-space:nowrap一起使用才可以。

white-space | text-overflow | overflow | 多行文本溢出省略号