Shulou(Shulou.com)06/02 Report--

Editor to share with you how to use the visibility attribute in CSS to control content display. I hope you will get something after reading this article. Let's discuss it together.

CSS uses the visibility property to control content display

What is the visibility property of CSS?

Sets or retrieves whether the object is displayed.

Unlike the display property, this property reserves the physical space occupied by hidden objects. In other words:

When the visibility attribute is hidden, only the visibility of the element is changed, and the space occupied by the element still exists.

Visibility is a non-inheritable property, and if you want the object to be visible, its parent must also be visible.

What is the value of the visibility property of CSS?

Inherit: inherits the visibility of the previous parent object

Visible: object visual

Hidden: object hidin

Collapse: mainly used to hide the rows or columns of a table. Hidden rows or columns can be used by other content. For other objects outside the table, it is equivalent to hidden. This property is not yet supported by IE5.5.

Let's look at the following example to understand the visibility property:

We insert a picture into the text, please pay attention to the position of the text and the picture.

SourceCodetoRun

52CSS * {margin:0;padding:0;font-size:13px;color:#000;} # test {width:300px;margin:20pxauto;background:#ccc } I love CSS-Web standardized Div+css tutorials to focus on the application and development of Web standards in China. After reading this article, I believe you have a certain understanding of "how to use the visibility attribute in CSS to control content display". If you want to know more about it, welcome to follow the industry information channel, thank you for reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.