Hiding elements, floating elements, positioning elements

Source: Internet
Author: User

<HTML><Head>  <MetaCharSet= "Utf-8">  <title>Hiding elements, floating elements, positioning elements</title><style>P{width:300px;background:Pink;}#column{background:Pink;width:33%;float: Left;Border-top:1px solid White;Border-left:2px Solid White;text-align:Center;}#center{position:Absolute;Top:120%; Left:30%;Border:1px solid Red;}#content{position:relative;Top:40px; Left:60px;Border:1px solid Green;width:200px;Height:250px;}</style>  </Head><Body><!--Block : Occupies a single row, and is not in the same row block: The default value of the Block object. The new row is added after the object. None: Hides the object. Hidden objects do not occupy the physical space. Inline: The default value for inline objects. The row is not added after the object. Display:none does not occupy page space Visibility:hidden occupy page space type= "hidden" does not occupy page space -<H1>Show hidden elements</H1><P>1111111111111111<spanstyle= "Display:block">Aaaaaaa</span>11111111</P><HR/><P>1111111111111111<spanstyle= "Display:none">Aaaaaaa</span>11111111</P><HR/><P>1111111111111111<spanstyle= "Display:inline">Aaaaaaa</span>11111111</P><HR/><P>1111111111111111<spanstyle= "Visibility:visible">Aaaaaaa</span>11111111</P><HR/><P>1111111111111111<spanstyle= "Visibility:hidden">Aaaaaaa</span>11111111</P><HR/><H1>Floating-point elements</H1><Divstyle= "background:red;width=100px;height:20px;border:1px solid red"></Div><DivID= "column">¥¥¥¥¥</Div><DivID= "column">$$$$$$$$$</Div><DivID= "column">#########</Div><BR/><BR/><H1>Positioning Elements Classic Case</H1><DivID= "Center">    <DivID= "Content">queen of Guo (184 years-235 years), unknown, the Queen of Letters, Anping Guangzong people, Jingzhou County Guo Yong second daughter, the first queen of the three Cao Wei. Less is Hidee, Father Guo Yongchi Yue: "This is my female king also." So the Queen was the word. The early loss of parents, Sangluan tie displaced, 29-year-old married and Cao Pi, have wisdom, Cao Pi for the prince, Kuok have a conspiracy. 220 years Cao Pi ascended to Wei King, Kuok was sealed to do Wei King Lady, Wei Emperor Wives, precedence queen, Huangchu three years (222 years) into the palace. Favorite subjects and no offspring, the Plains Wang Chaohua. Cao Shu the throne, revered as the Empress Dowager, called Yongan Palace. Tsing Lung three years (235 years) died in Xuchang, in the reign of 12 years. Buried Wei Wendi first Yang Mausoleum, posthumous "De Huang ...</Div></Div><P>align: Specifies the horizontal alignment of the content in the DIV element. Text-align: Specifies the horizontal alignment of the text in the element. Question: Where is the border of center? Answer: Content is absolute positioning, that is, dragged out of the document stream, does not occupy the page control, all the center is not open. </P></Body></HTML>

Hiding elements, floating elements, positioning elements

Related Article

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.