久久久久久久视色,久久电影免费精品,中文亚洲欧美乱码在线观看,在线免费播放AV片

<center id="vfaef"><input id="vfaef"><table id="vfaef"></table></input></center>

    <p id="vfaef"><kbd id="vfaef"></kbd></p>

    
    
    <pre id="vfaef"><u id="vfaef"></u></pre>

      <thead id="vfaef"><input id="vfaef"></input></thead>

    1. 站長(zhǎng)資訊網(wǎng)
      最全最豐富的資訊網(wǎng)站

      css如何設(shè)置對(duì)齊

      設(shè)置方法:1、使用“margin:0px auto”語句設(shè)置水平對(duì)齊;2、使用position屬性,配合top、bottom、left和right屬性設(shè)置左或右對(duì)齊;3、使用“float:right|left”語句設(shè)置左或右對(duì)齊。

      css如何設(shè)置對(duì)齊

      本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

      1、使用 margin 屬性來水平對(duì)齊

      可通過將左邊距和右邊距設(shè)置為“auto”來對(duì)齊元素。但前提是必須聲明!DOCTYPE,否則在IE8是無效的。這樣就可以居中元素了,例如:

      <!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title>document</title>  <style> div{     margin: 0px auto;     width: 70%;     height: 300px;     background-color: red; } </style> </head> <body> <div></div> </body> </html>

      css如何設(shè)置對(duì)齊

      提示:如果寬度是 100%,則對(duì)齊沒有效果。

      2、使用 position 屬性進(jìn)行左和右對(duì)齊

      使用這種方法在兼容性這一塊無疑是最好的方法了,但當(dāng)使用 position 屬性時(shí),請(qǐng)始終設(shè)置 !DOCTYPE 聲明,在IE8 以及更早的版本存在一個(gè)問題。如果容器元素(在我們的案例中是 <div class="container">)設(shè)置了指定的寬度,并且省略了 !DOCTYPE 聲明,那么 IE8 以及更早的版本會(huì)在右側(cè)增加 17px 的外邊距。例如:

      <!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title>document</title>  <style> body{     margin: 0;     padding: 0; } .container{     position: relative;     width: 100%; } .right{     position: absolute;     right: 0px;     width: 300px;     height: 50px;     background-color: red; } </style> </head> <body> <div class="container">     <div class="right"></div> </div> </body> </html>

      3、使用 float 屬性來進(jìn)行左和右對(duì)齊

      當(dāng)使用 float 屬性時(shí),IE8 以及更早的版本存在一個(gè)問題。如果省略 !DOCTYPE 聲明,那么 IE8 以及更早的版本會(huì)在右側(cè)增加 17px 的外邊距。這似乎是為滾動(dòng)條預(yù)留的空間。當(dāng)使用 float 屬性時(shí),請(qǐng)始終設(shè)置 !DOCTYPE 聲明:例如:

      <!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title>document</title>  <style> body{     margin: 0;     padding: 0; }  .right{     float: right;     width: 300px;     height: 50px;     background-color: red; } </style> </head> <body> <div class="container">     <div class="right"></div> </div> </body> </html>

      css如何設(shè)置對(duì)齊

      推薦學(xué)習(xí):css視頻教程

      贊(0)
      分享到: 更多 (0)
      網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)