DIV CSS Hidden content style method encyclopedia

Source: Internet
Author: User

div CSS Page Layout There are a lot of places to learn, here and you focus on the div CSS hidden content style method, I believe this article will let you have some harvest.

DIV css Hidden content style method css hidden use 1, the text of the hidden 2, hidden hyperlinks (alternative black chain) 3, the statistical code to hide 4, hidden beyond the picture 5, CSS hidden scroll 6, CSS to hide the DIV layer using CSS Hide Method 1, the use of Display:none to hide all information (no blank bit occupied) recommended, Cssdisplay manual view 2, use Overflow:hidden to hide overflow text or pictures applicable recommendations, Cssoverflow manual view 3, Use Overflow-y:hidden and Overflow-x:hidden control scroll bar hidden or not, cssoverflow-y manual view, CSS Manual view overflow-x common div css hidden case 1, to display: none; the hiding of text pictures is like <divstyledivstyle= "Display:none;" > You can't see me </div> use CSS styles in div display:none; will make the contents of the Div hidden through the browser, nothing can be seen, and hidden content will not occupy space. This method hides the text of hyperlinks (black chains) and pictures, and also hides the div layer style.   It is recommended that you use hidden content. 2, Overflow:hidden hidden content or pictures For example: I was able to see <br/><br/> <divstyledivstyle= "overflow:hidden;width:30px;" height:20px; " > You can't see me. </div> <br/> also I can see. uses CSS styles to set a fixed height and width through the DIV CSS layer "You are invisible to me," and then through the Overflow:hidden style you can hide the wide content beyond the fixed width without occupying the hidden location.   3. Use Overflow-y:hidden and Overflow-x:hidden to hide or display scroll bars corresponding to horizontal or vertical directions. This case can be entered in the CSS manual overflow-y and the CSS online manual overflow-x has detailed instructions on how to hide or display the settings of the scroll bar.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.