一、使用line-height（適用於知道高度，一行文字）
讓line-height和height一樣高，可使文字垂直居中。
二、設定上下padding
三、通過table
.testdiv
.innerdiv
服裝
.testdiv
h4 h4 a
h4 i
服裝
四、absolute+margin-top方法（需知道內部div高度）
.testdiv
.innerdiv
居中
五、absolute+transform方法（可適用於內部div高度未定的情況，因為translate屬性值為百分比時是相對元素自身的content+padding+border來計算的）
.testdiv
.innerdiv
居中
六、使用flex布局
.testdiv
.innerdiv
居中
七、aboslute（原理：『top』 + 『margin-top』 + 『border-top-width』 + 『padding-top』 + 『height』 + 『padding-bottom』 + 『border-bottom-width』 + 『margin-bottom』 + 『bottom』 = 包含塊的高度。
在其他值不是auto的時候，margin-top和margin-bottom是可以根據上式算出的。同理margin-left和margin-right也是）
.testdiv
.innerdiv
居中
CSS樣式讓文字水平居中和垂直居中的方法
css中讓文字居中，首先可以分單行文字和多行文字，還可以討論高度是否固定。不論是多行文字還是單行文字，水平居中都可以設定text align。text align 屬性規定元素中的文字的水平對齊方式。垂直方向居中如下 一 高度固定 單行文字 垂直居中，則設定line height等於盒子的高度。bo...
DIV CSS如何讓文字垂直居中？
css網頁布局div水平居中的各種方法 一 單行垂直居中 如果乙個容器中只有一行文字，對它實現居中相對比較簡單，我們只需要設定它的實際高度height和所在行的高度line height相等即可。如 imoker.cn 愛摩客 提供的 片段 div 這段 很簡單，後面使用overflow hidde...
DIV CSS如何讓文字垂直居中
css網頁布局div水平居中的各種方法 一 單行垂直居中 如果乙個容器中只有一行文字，對它實現居中相對比較簡單，我們只需要設定它的實際高度height和所在行的高度line height相等即可。如 imoker.cn 愛摩客 提供的 片段 div 這段 很簡單，後面使用overflow hidde...