Day06 溢出属性

一、溢出属性     overflow

  visible（默认值）     内容会溢出元素

  *hidden               溢出隐藏

  scroll               出现滚动条（不管内容多少都出）

  *auto                 根据内容大小自动控制是否出现滚动条

  overflow-x      x轴溢出属性

  overflow-y      y轴溢出属性

二、空余空间        white-space  

  normal        (默认值) 自动换行，不识别空格，不识别手动换行

  *nowrap        强制一行显示，不换行

  pre           不会自动换行，识别空格和手动换行

  pre-wrap      自动换行，识别空格和手动换行

  pre-line      自动换行，不识别空格，识别手动换行

三、是否显示省略号    text-overflow

  clip：默认值，不显示省略号（...）;

  ellipsis：显示省略标记；

  注意：text-overflow单独使用无效。

四、单行文本溢出显示省略号

  (1)width     知道边界在哪

  (2)white-space:nowrap;   强制一行显示不换行

  (3)overflow:hidden;       一行显示的文字溢出隐藏

  (4)text-overflow:ellipsis;  如果内容有隐藏，用省略号告知用户。