在平時，我們經常會遇到讓乙個div框針對某個模板上下左右都居中(水平垂直居中)，其實針對這種情況，我們有很多種方法實現。
方法一：
絕對定位法，不確定當前div寬度和高度，採用 transform: translate(-50%,-50%);，當前div的父級新增相對定位（position: relative;）
效果圖：
方法二：絕對定位的方法：確定要居中的div寬度，margin值為要居中div寬度一半的負值。
**如下：
.one
.two
**如下：
.one
.two
**如下：
.one
.two
.one
.two
**如下：
.one
.two
div水平居中及div水平垂直居中的方法總結
1 margin auto wrap wrap txt2 text align center 3 absolute margin偏移 wrap wrap txt4 display box 文字 box pack5 absolute transform 1 line height 文字 wrap tx...
DIV水平居中 垂直居中
一 css 居中 水平居中 div等標籤本身沒有定義自己居中的屬性，網上很多的方法都是介紹用上級的text align center，然後巢狀一層div來解決問題。可是這個方法有時候完全不起作用，而且對於布局是非常不科學的方法。正確的的設定寫法如下 對頁面構造沒有影響 div 這句css居中的意思就...
div盒子水平垂直居中的方法
這個問題比較老，方法比較多，各有優劣，著情使用。一 盒子沒有固定的寬和高 方案1 transforms 變形 這是最簡單的方法，不僅能實現絕對居中同樣的效果，也支援聯合可變高度方式使用。內容塊定義transform translate 50 50 必須加上 top 50 left 50 優點 1.內...