彈層是網頁中最常見的了，幾乎所有的彈層都是要求相對瀏覽器水平垂直居中的，而且不論瀏覽器怎樣伸縮。
下邊就提供幾種此彈層的實現方法
1.彈層寬高確定的情況（width、height 100px）
第一種實現（最常見）：
html **
.layer
第二種實現：利用margin
html **
.layer
2.彈層寬高不確定的情況
第三種實現：利用css3的translate可以改變元素自身的位置
html **
.layer
以上3種方法中，推薦2,3，因為第一種一旦寬高改變還得修改css**。
第3種方法是萬能的，不用考慮寬高的問題，這個還可以解決好多居中的
問題，第三種只適合移動端，pc端ie8及一下都不相容
CSS的水平與垂直都居中
一 水平居中 1 如果被設定元素為文字 時，可以給父元素新增 text align center 注 當行文字可設定行高 容器高實現垂直居中 2 定寬塊狀元素 margin 0 auto 3 不定寬塊狀元素在父元素水平居中 3.1 父元素 text align center 子元素 display ...
都知道的水平垂直居中方式
總結常用的水平 垂直居中方式 若沒有特殊說明，均以div為例，為方便看到效果，自定義新增樣式 假設div寬100px高100px div不足 就是要提前獲得元素的寬高 假設div寬100px高100px div可能有人會問了，怎麼都是要知道元素的寬高呢！而且還要計算！請往下看 divdiv假設你要設...
CSS 不定高度的彈框水平垂直居中
對於特定的高度的彈框這個問題很好處理，計算好彈框離父元素的的高度，使用margin處理即可。但是為了通用性，不必每一次都去計算，有沒有通用一點的方法呢，是有的,通過vertical aign來做。也有其他絕對布局居中 flex布局居中的方法 css container container after...