美文网首页
说说 display 属性有哪些?可以做什么?

说说 display 属性有哪些?可以做什么?

作者: 转身后仰C | 来源:发表于2018-08-01 21:49 被阅读0次

1.block

单独占一行,可以设置width,height,maigin四个方向,padding四个方向; 

元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度;

2.inline

多个内联元素占同一行,直到放不下才换行。设置width,height,margin-top,margin-                 bottom,padding-top,padding-bottom无效; 

元素的宽度就是它包含的文字或图片的宽度,不可改变。

3.inline-block

像inline一样放置(比如和它相邻的元素处在同一行),像block一样表现。比如:input,select,img等。

即:和内联元素在同一行,但自身相当于块级元素,可以设置width,height等属性。

4.none

隐藏该区域,不占实际空间。但对后台来说真实存在,可以获取被隐藏的元素。

5.static

静态元素。

相关文章

  • 说说 display 属性有哪些?可以做什么?

    1.block 单独占一行,可以设置width,height,maigin四个方向,padding四个方向; 元素...

  • 说 display 属性有哪些?可以做什么?

    文件路径:http://bbs.daxiangclass.com/?thread-195.htm display:...

  • 美团前端一面

    1.display有哪些属性2.position有哪些属性3.position为static时,设置z-index...

  • 其他试题6~10

    6、CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些? 7、列出display...

  • 2018-10-26 SECOM

    CSS选择器,哪些属性可以继承及CSS优先级算法 无继承性的属性 1.display 2.文本属性:vertica...

  • 2019-04-05

    CSS基础样式 什么是 CSS 继承?哪些属性能继承,哪些不能? 一。无继承性的属性 1、display:规定元素...

  • CSS可继承的属性

    CSS 哪些属性默认会继承, 哪些不会继承?不可继承的:display、margin、border、padding...

  • 小程序基础知识

    display属性 display属性可设置值有:block,inline,inline-block,none. ...

  • 2019-01-23css布局

    一 标准流 二 display属性 display属性(CSS属性): # 尽量别用下面就是示列,有系统BUG,...

  • 学习纲要:CSS 布局

    学习条件 掌握了 CSS 的选择器、属性和值。 学习目标 了解 display 属性的可选值有哪些,分别代表什么意...

网友评论

      本文标题:说说 display 属性有哪些?可以做什么?

      本文链接:https://www.haomeiwen.com/subject/upkdvftx.html