How DIV CSS hides content styles

This article will explain in detail how DIV CSS hides the content style. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

Use the CSS hide method

1. Use display:none; to hide all information (no blank space is occupied) recommended, check the CSSdisplay manual

2. Use overflow:hidden; to hide spilled text or pictures. It is recommended to check the CSSoverflow manual.

3. Use overflow-y:hidden; and overflow-x:hidden to control whether the scroll bar is hidden or not, CSSoverflow-y manual view, CSS manual view overflow-x

Common DIV CSS hiding cases

1. Hide the display:none; text image, such as

You can't see me.

Using the CSS style display:none; in DIV will make the content hidden in DIV invisible through the browser, and the hidden content will not take up space. In this way, you can hide content such as hyperlink text (black chain) and pictures, as well as DIV layer styles. Hidden content is recommended.

2. Overflow:hidden hides content or pictures

Examples include:

I can see. You can't see me.

I can see it, too.

Use the CSS style by setting a fixed height and width to the "you can't see me" DIV CSS layer, and then using the overflow:hidden style to hide content beyond the fixed height and width without occupying the hidden place.

3. Use overflow-y:hidden; and overflow-x:hidden to hide or show scroll bars corresponding to horizontal or vertical directions.

This is the end of the article on "how to hide the content style of DIV CSS". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.