99偷拍视频精品区一区二,口述久久久久久久久久久久,国产精品夫妇激情啪发布,成人永久免费网站在线观看,国产精品高清免费在线,青青草在线观看视频观看,久久久久久国产一区,天天婷婷久久18禁,日韩动漫av在线播放直播

怎么將一個絕對定位的div水平垂直居中對齊-創新互聯

本篇內容介紹了“怎么將一個絕對定位的div水平垂直居中對齊”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

成都創新互聯專注于企業成都營銷網站建設、網站重做改版、象山網站定制設計、自適應品牌網站建設、H5場景定制、商城網站建設、集團公司官網建設、外貿網站制作、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為象山等各大城市提供網站開發制作服務。

在通常情況下，可以為元素添加margin:0px auto即可讓元素在它的父元素水平居中，然后再將它設置為垂直居中對齊即可。但是為絕對定位的對象添加margin:0px auto并不能生效，所以說還是要用老辦法實現。

代碼示例如下:



代碼如下:


<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>螞蟻部落</title>  
<style type="text/css">  
.father  
{  
 width:600px;  
 height:600px;  
 background-color:green;  
 margin:0px auto;  
 position:relative;  
}  
.children  
{  
 position:absolute;  
 width:200px;  
 height:200px;  
 left:200px;  
 top:200px;  
 background-color:red;  
}  
</style>  
</head>  
<body>  
<div class="father">  
 <div class="children"></div>  
</div>  
</body>  
</html>


以上代碼可以將子div在父div中水平垂直居中對齊，下面就簡單介紹一下幾個要點:
1.父元素是使用相對定位，這樣子元素就可以以它作為位移參考對象。
2.top屬性值計算方式:父元素的高度/2-子元素高度/2,left屬性值計算方式:父元素寬度值/2-子元素寬度值/2。

“怎么將一個絕對定位的div水平垂直居中對齊”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注創新互聯網站，小編將為大家輸出更多高質量的實用文章！

本文題目：怎么將一個絕對定位的div水平垂直居中對齊-創新互聯
瀏覽地址：http://www.yijiale78.com/article44/ccdhee.html

成都網站建設公司_創新互聯，為您提供靜態網站、Google、面包屑導航、搜索引擎優化、品牌網站設計、移動網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

成都定制網站網頁設計