1、css3使用translate屬性，使不知道寬度、高度的元素實現水平、垂直居中
css3**：
padding:20px;
background: orange;
color: #fff;
position: absolute;
top:50%;
left: 50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-transform:translate(-50%,-50%);
}html**：
講解：1、將div設定為絕對定位，並位於視窗的top：50%；left：50%處，
2、translate左、上分別移動-50%，此處是相對於div本身的寬、高進行移動的
上邊兩條綜合可實現水平、垂直居中顯示
寬高未知垂直水平居中
寬高未知情況下垂直水平居中很多情況下都會遇到 查了蠻多大家分享的小例子，我也來記錄一下 這裡是css3的 transform 屬性，可以在ie9及以上的瀏覽器水平垂直居中chrome firefox也是沒有問題 這裡是一段話這裡是一段話 這裡是一段話這裡是一段話 這裡是一段話這裡是一段話 total...
DIV水平垂直居中顯示
div水平居中顯示 定義 div寬度後，設定 即可實現 div水平居中，示例 css 1.html 1.class cdiv fufuok.com div水平垂直居中顯示 將 left 和top 設定為50 來定位div 到瀏覽器 再將 margin left 和margin top 值設定為寬和高...
CSS居中 水平垂直 顯示
1 如果有高度的話，margin 0，auto就可以 2 父元素設定為 position relative 子元素設定為 position absolute 距上50 據左50 然後減去元素自身寬度的距離就可以實現 3 如果元素未知寬度，只需將上面例子中的margin 50px 0 0 50px 替...