久久精品国产精品国产精品污,亚洲色成人四虎在线观看,亚洲熟妇无码另类久久久,揉她小豆豆揉到失禁H

  • <acronym id="1hxtt"><label id="1hxtt"></label></acronym>
    <pre id="1hxtt"></pre>
    <pre id="1hxtt"><ruby id="1hxtt"></ruby></pre>

    1. 技術頻道導航
      HTML/CSS
      .NET技術
      IIS技術
      PHP技術
      Js/JQuery
      Photoshop
      Fireworks
      服務器技術
      操作系統
      網站運營

      贊助商

      分類目錄

      贊助商

      最新文章

      搜索

      [2示例]如何使用CSS將div中的圖像居中對齊(垂直和水平)

      作者:admin    時間:2022-9-9 15:0:48    瀏覽:

      在本文中,我們將了解如何使用 CSS 將 div 標簽中的圖像居中對齊,并通過示例了解其實現。給定一個圖像,我們需要將圖像設置為與更大 div 內的中心(垂直和水平)對齊。這可以通過使用元素的位置屬性來完成。

      示例 1:本示例使用position屬性使圖像居中對齊。

      <!DOCTYPE html>
      <html>
      <head>
      <style>
      #Outer {
      border: 2px solid black;
      height: 300px;
      position: relative;
      }
      img {
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      }
      </style>
      </head>
      <body>
      <div id="Outer">
      <img src="1.gif" />
      </div>
      </body>
      </html>

      demodownload

      輸出

       使用position屬性使圖像居中對齊

      示例 2:此示例使用center屬性將圖像設置為在 div 中居中。我們也可以使用這種方法將項目對齊到中心。

      <!DOCTYPE html>
      <html>
      <head>
      <style>
      #Outer {
      border: 2px solid black;
      height: 300px;
      background: url(1.gif)
      no-repeat center center;
      }
      </style>
      </head>
      <body>
      <div id="Outer"></div>
      </body>
      </html>

      demodownload

      輸出:從輸出中,我們可以看到輸出與之前的輸出相同。

      使用center屬性將圖像設置為在 div 中居中

      相關文章

      標簽: div  居中對齊  
      x
      • 站長推薦
      久久精品国产精品国产精品污,亚洲色成人四虎在线观看,亚洲熟妇无码另类久久久,揉她小豆豆揉到失禁H