Display和visibility

Author Avatar
Ninefire 6月 06, 2018
  • 在其它设备中阅读本文章
  • 使用display来修改元素的类型
    元素的类型指内联元素、块元素等。
可选值:

    inline:将元素设置为内联元素来显示。

    block:将元素设置为块元素来显示。

    inline-block:将元素设置为行内块元素来显示。
                - 可以使元素既有内联元素的特点,又有块元素的特点,
                  既可以设置宽高,又不会独占一行。

    none:不显示元素,并且元素不会在页面中继续占用位置和空间。


  • 使用visibility来修改元素影藏和显示的状态
可选值:

    visible:元素会在页面中正常显示(默认值)

    hidden:不显示元素,并且元素会在页面中就行占用位置和空间。

使用display: none;隐藏的元素,不会在页面中显示,并且不会再占据页面的位置。
使用visibility: hidden;隐藏的元素,虽然不会在页面中显示,但是会占据页面的位置。

如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/39.html