遮盖成分,9、显示与隐蔽

隐藏元素,隐藏元素

9、彰显与潜伏

CSS基础知识(display和visibility、overflow、文书档案流),visibilityoverflow

9、展现与掩盖

u  display属性:

(1)none:遮蔽成分,不会再据有页面包车型地铁其余层空间间,即不会影响布局。

图片 1

(2)inline:默认值。将元素[显示]为内联成分     (与HTML成分本人非亲非故系)

(3)block:将元素[显示]为块极成分              (与HTML元素本身非亲非故系)

(4)inline-block:将成分突显为行内块级成分


设置宽度和中度有效(符合块级成分);能够水平排列即不会把持一行(符合内联成分)

 图片 2

u  visibility属性:

(1)visible:默认值

(2)hidden:掩饰成分,据有页面包车型客车上空地方

 图片 3

10、内容溢出(overflow)

内容溢出:当文本内容过多时,大概来得会压倒当前因素的区域

解决 —overflow属性:

(1) visible 默认值,表示不处理

(2) hidden 将溢出有些的内容开展隐敝,溢出的文本内容不或然查看

(3) scroll 将溢出一部分的从头到尾的经过遮蔽,提供了滚动条,且滚动条效果一贯都显示

(4) auto (最佳方法) 自动:
当内容溢出时,提供滚动条;当内容并未有溢出时,不提供滚动条

11、文档流

概念:垂直方向从上到下的顺序排列(分成一行一行),水平方向从左到右的顺序排列

【暗中同意情形下,排列的逐个无法改变】

u 块级成分(各种成分独占一行):

在文书档案流中自上向下排列(垂直方向排列);

在文书档案流中默许的升幅是父成分100%;且暗中认可的高度是独具子成分的莫斯中国科学技术大学学总和

u 内联成分(各类成分不会把持一行):

在文书档案流中自左向右水平排列(水平方向排列);

增长幅度和可观都由内容规定

注: 即使在一行中不能够包容全体的成分,则会换成下一行,继续自左向右排列。

【成分离开文书档案流而存在,分别是 浮动、相对定位、固定定位】

http://www.bkjia.com/Javascript/1284017.htmlwww.bkjia.comtruehttp://www.bkjia.com/Javascript/1284017.htmlTechArticleCSS基础知识(display和visibility、overflow、文档流),visibilityoverflow
9 、突显与掩饰 u display属性:
(1)none:掩饰元素,不会再据有页面包车型大巴任何空…

u  display属性:

(1)none:遮蔽成分,不会再占领页面的别样空间,即不会潜濡默化布局。

图片 4

(2)inline:默认值。将元素[显示]为内联成分     (与HTML成分本人非亲非故系)

(3)block:将元素[显示]为块极元素              (与HTML成分自己毫不相关系)

(4)inline-block:将成分展现为行内块级成分


设置宽度和冲天有效(符合块级成分);能够水平排列即不会把持一行(符合内联成分)

 图片 5

u  visibility属性:

(1)visible:默认值

(2)hidden:遮掩成分,占领页面包车型客车空中地点

 图片 6

10、内容溢出(overflow)

故事情节溢出:当文本内容过多时,大概来得会超过当前因素的区域

解决 —overflow属性:

(1) visible 暗中认可值,表示不管理

(2) hidden 将溢出部分的原委张开遮盖,溢出的文书内容不能够查看

(3) scroll 将溢出部分的内容遮蔽,提供了滚动条,且滚动条效果向来都显得

(4) auto (最棒方式) 自动:
当内容溢出时,提供滚动条;当内容尚未溢出时,不提供滚动条

11、文档流

概念:垂直方向从上到下的顺序排列(分成一行一行),水平方向从左到右的顺序排列

【暗中认可意况下,排列的次第不能够退换】

u 块级成分(每一种成分独占一行):

在文书档案流中自上向下排列(垂直方向排列);

在文书档案流中暗中同意的肥瘦是父成分百分百;且默许的冲天是全体子成分的万丈总和

u 内联成分(每一个成分不会把持一行):

在文书档案流中自左向右水平排列(水平方向排列);

宽窄和中度都由内容规定

注: 若是在一行中不可能包容全体的成分,则会换成下一行,继续自左向右排列。

【成分离开文书档案流而留存,分别是 浮动、相对定位、固定定位】