本文轉載自：https://www.cnblogs.com/zion0707/p/3907042.html ...

雖然Div布局已經基本上取代了表格布局，但表格布局和Div布局仍然各有千秋，互有長處。比如表格布局中的垂直居中就是Div布局的一大弱項，不過好在 千變萬化的CSS可以靈活運用，可以制作出准垂直居中效果，勉強過關。 要讓div中的內容垂直居中，無非有以下幾種方法，等我一一列舉： 一、行高 ...

在千變萬化的CSS可以靈活運用，可以制作出准垂直居中效果，勉強過關。 要讓div中的內容垂直居中，無非有以下幾 ...

1. div高度自適應的情況 div在不設置高度的時候，會被里面的內容撐開，內容自動填充在div中，無論是一行內容還是多行內容，此時不需要設置垂直居中，內容自動在中間的， 想要看的更直觀些，只需要加上padding元素，內容四周便會留下空白，實現水平垂直居中的效果 ...

<div> 　　<p>這里是內容</p> </div> <style> 　　div{ 　　　　width:300px; 　　　　height:100px; 　　　　display: flex ...

讓一個層水平垂直居中是一個非常常見的布局方式，但在html中水平居中使用margin:0px auto;可以實現，但垂直居中使用外邊距是無法達到效果的。（頁面設置height:100%;是無效的），這里使用絕對定位+負外邊距的方式來實現垂直居中，但同時要考慮頁面重置大小的情況，需要使用js來修正 ...

方法一： 1、代碼： 2、效果圖： 方法二： 1、代碼： 2、效果圖： 方法三： 1、代碼： 2、效果圖： 方法四： 1、代碼 ...

方法一： 1、代碼： 2、效果圖： 方法二： 1、代碼： 2、效果圖： 方法三： 1、代碼： 2、效果圖： 方法四： 1、代碼 ...