display: none, 元素不显示。 display: inline, 元素后面没有换行符,并且此时给元素设置的 width、 height 属性不生效。 display: inline-block, 元素后面没有换行符,此时给元素设置的 width、 height 属性生效。 display: block, 元素后面会有一个换行符, 给元素设置的 width、 height属性生效。 下面来一个简单...
常会用到display对应值有block、none、inline这三个值 参数: block :块对象的默认值。用该值为对象之后添加新行。之前也添加一行。 none :隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间 inline :内联对象的默认值。用该值将从对象中删除行。如果其前后都是inline的则在同一行 displ...
3、display:none 4、总结 1、block 块级元素 1.1、块级元素特点 a. block元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父级宽度。 b. block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。 c. block元素可以设置margin和padding属性。 1.2、常用的块状...
none,block,inline,inline-block; none:会隐藏元素,不占据dom空间,下文会提到; block:块级元素,前后会有换行符,占据一行;可以进行宽高设置,上下左右的padding,margin属性也可以设置; inline:行内元素,前后没有换行符,不能进行宽高设置;由左到右,从上到下排列,不可以设置上下margin,padding属性; inline-block:既...
display 主要用以对象的显示方式。none这个值就是不显示出来。block这个值显示为块级元素，前后有换行符 inline这个值显示为内联元素，前后没有换行符，也是默认值。使用的场合就多了，比如鼠标经过某个链接或者点击某个链接显示某个层的时候。比如我们的导航栏菜单，等等。
这种百度上可以查出来的问题真的不建议上知乎来问，尤其是这么基础的问题！
none这个值可以从它了解释来说也不难理解就是隐藏某些东西，比如说Tab切换就会用到这个值如图 第三格的内容显示了 第一、第二内容隐藏，当鼠标经过哪个时哪个就显示 而其中两个就隐藏就是用到这个属性的none值。block这个值可以有两种理解：①上面说到的隐藏，既然说到隐藏那就有显示，所以block可以...
display: block display: inline display: inline-block Display: None vs. Visibility: Hidden 如下段代码所示,我们有三个红、蓝、绿的方块div,如下所示: 代码语言:scss 复制 #box-1{width:100px;height:100px;background:red;}#box-2{width:100px;height:100px;background:blue;}#box-3{width:100px;hei...
Display在官方定义:规定元素应该生成的框的类型。本文只重点分析常用的6个值:none、block、inline、inline-block、inherit、flex。其他table、list-item等都不再推荐使用。一、None 此元素不会被显示。主要与visibility属性为hidden时相区分。 ...
display:inherit 3下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度( ) A. display:inline B. display:none C. display:block D. display:inherit 4下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度( ) A. display:inline B. display:none C. display:block D. display:inheric ...