CSS.溢出属性

83 阅读1分钟

一、溢出属性(容器的)

1.语法

overflow:visble/hidden(隐藏)/scroll/auto/inherit

2.属性值

(1)visble默认(该溢出的都溢出了)

(2)hidden溢出隐藏(文本裁剪)

(3)scroll滚动显示(无滚动条)

(4)auto滚动显示(有滚动条)

(5)inherit规定溢出属性继承(继承父元素属性)

(6)overflow-x/y横竖溢出处理

二、剩余空间(处理元素中的空白)

1.语法

white-space:normal/nowrap/pre/pre-wrap/pare-line/inherit

2.属性值

(1)normal默认(忽略空白)

(2)nowrap不换行 ,直到遇到
(无视盒子宽度)

(3)pre预格式化文本(保留空格,tab,回车;但不会自动换行)

(4)pre-wrap换行(保留空格)

(5)pre-line显示回车(不显示空格,换行)

(6)inherit规定溢出属性继承(继承父元素属性)

三、省略号显示

1.语法

text-overflow:clip/ellipsic;

2.属性值

(1)clip不显示省略号

(2)ellipsis显示省略号

3.说明(显示省略号的必须条件)

(1)width:;确定宽度

(2)white-space:nowrap;同一行显示

(3)overflow:hidden;溢出隐藏

(4)text-overflow:ellipsis;显示省略号