CSS 元素的显示与隐藏

时间:2019-07-20
本文章向大家介绍CSS 元素的显示与隐藏,主要包括CSS 元素的显示与隐藏使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

  在CSS中有三个显示和隐藏的单词比较常见,分别是 display visibility 和 overflow。

一、display 显示

  该属性设置或检索对手是否及如何显示。

  语法格式:

display:属性值;
    •   block:以块级元素显示;
    •       inline:以行级元素显示;
    •       inline-block:以行块级元素显示;
    •       none:隐藏对象,特点:隐藏之后,不再为其保留位置。

二、visibility 可见性

  该属性设置或检索是否显示对象。

  语法格式:

visibility:属性值;
    •   visible:对象可以看见;
    •       hidden:对象隐藏不可见;特点:隐藏之后,继续保留原有位置。

三、overflow 溢出

  该属性用于检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。

  语法格式:

overflow:属性值;
    •   visible:默认值,不剪切内容也不添加滚动条;
    •       auto:超出自动显示滚动条,不超出不显示滚动条;
    •       hidden:不显示超过对象的内容,超出的部分隐藏掉;
    •       scroll:不管超出内容否,总是显示滚动条。

原文地址:https://www.cnblogs.com/niujifei/p/11218466.html