day6（多文本与单文本的表述）

1.溢出属性（超出部分如何显示）

overflow:
    1.visible 默认值（没有特殊含义）
    2.hidden------超出部分隐藏 （万能解决方法）
    3.scroll-----股懂条显示（没有超出部分也显示滚动条）
    4.auto------超出部分用滚动条显示
    5.inherit-------继承父级的属性
overflow-x:visible|hidden|scroll|auto|inherit
overflow-y:visible|hidden|scroll|auto|inherit

2.单行文本超出省略号显示

步骤：
    1.width:300px;--------------限定宽度
    2.white-space: nowrap;------剩余的内容不换行
    3.overflow: hidden;---------超出内容隐藏
    4.text-overflow: ellipsis;-----超出内容用省略号显示

3.实现多行文本溢出时产生省略号

步骤：
        display: -webkit-box; 
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; 
        overflow: hidden;
1）-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。 
2）display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。 
3）-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。 
	适用范围：因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；但文字未超出行的情况下也会出现省略号,可结合js优化该方法