overflow:控制文本溢出。
auto:隐藏溢出内容,出现滚动条(方便查看里面的内容);
scroll:隐藏溢出内容,且出现滚动条;
hidden:隐藏溢出内容,不会出现滚动条,(对文本溢出不太友好);
visible:默认值,内容不会被隐藏,溢出内容会出现在元素的大小之外。
overflow:visble;正常/默认文本溢出样式
overflow:hidden;设置hidden隐藏溢出文本样式
overflow:auto;设置auto溢出文本上下滚动轴(正常情况下是没有左右滚动轴的)
overflow:scroll;设置scroll溢出文本上下、左右滚动轴
单独设置某个方向滚动条 (要配合overflow:hidden;使用)
overflow:hidden;设置文本溢出,溢出内容隐藏;
overflow-x:scroll;设置溢出文本左右滚动轴;
overflow-y:scroll;设置溢出文本上下滚动轴;
允许用户调整元素大小;
none:默认值,不能调整元素大小。
horizontal:可以调整元素的宽度。
vertical:可以调整元素的宽度。
both:可以调整元素的框高。
resize:both;
可以随意设置文本边框宽高
**resize:horizontal;**只能设置溢出文本边框的宽度
resize:vertical;
只能设置溢出文本边框的高度
隐藏溢出文本,以什么形式隐藏:
text-overflow: ellipsis;
ellipsis:隐藏溢出文本内容,以…为尾缀(不能以中文结尾);
中间不要有空格,中文结尾
自定义尾缀":隐藏溢出文本内容,以"自定义内容为尾缀,(仅对Firefox火狐浏览器有效)";