用CSS實現垂直居中的方法

佈局中經常見到垂直居中效果,爲實現良好的兼容性,PC端實現實現這一效果的方法一般是通過絕對定位,table-cell,負邊距等。CSS讓垂直居中的方法更加多樣化,接下來介紹幾種實現垂直居中的方法: 垂直居中效果: html代碼: 外部div基礎CSS樣式: 1.絕對定位和負邊距 CSS: 2.絕對定位和0的結合 相較於第一種方法這種方法更適合用於移動端開發 3.table-cell方法 注意:此處
相關文章
相關標籤/搜索