如何保持浮層水平垂直居中.note
（一）利用絕對定位與transform
將父元素定位，子元素如下
.children（二）利用flexbox
.parent（三）當子元素的寬高固定，父元素內含有除居中元素外其它元素（空標籤也行）或者父元素的高度不為0時
將父元素定位，子元素絕對定位，利用margin負值為子元素寬高的一半來實現。
**如下：
.parent.children（四）利用table
table的td預設內容垂直居中。只要再設定內容水平居中即可
（五）display:table-cell
css中有乙個用於 豎直居中 的屬性 vertical-align，但只有 當父元素為td或者th時，這個vertical-align屬性才會生效，對於其他塊級元素，例如 div、p等，預設情況下是不支援vertical-align屬性的，可以設定塊級元素的display型別為table-cell，啟用vertical-align屬性，但 display:table-cell; 存在相容性問題，所以這種方法沒辦法跨瀏覽器相容。
哈哈.parent
.child
display:table-cell的相容情況
（六）利用定位與margin：auto
哈哈.parent
.children
如何保持浮層水平垂直居中
1 利用絕對定位和transform children如果不確定子元素寬高度情況下，可以用此方法，不過css3屬性不相容ie低版本瀏覽器 2 利用flexbox parent 3 當子元素的寬高固定，父元素內含有除居中元素外其它元素 空標籤也行 或者父元素的高度不為0時 parent childre...
CSS3清除浮動 保持浮層水平垂直居中
1 清除浮動，什麼時候需要清除浮動，清除浮動都有哪些方法 1 在非ie瀏覽器 如firefox 下，當容器的高度為auto，且容器的內容中有浮動 float為left或right 的元素，在這種情況下，容器的高度不能自動伸長以適應內容的高度，使得內容溢位到容器外面而影響 甚至破壞 布局的現象。這個現...
css如何保持div等高寬比
那麼css如何實現高度height隨寬度width變化保持比例不變呢？即給定可變寬度的元素，它將確保其高度以響應的方式保持成比例 即，其寬度與高度的比率保持恆定 下面以高寬 2 1 為例，通過2種方式來實現這種效果。方式一 利用定位實現 position relative background cc...