大家都知道css中使文字等元素水平居中的最常用的方法就是設定父盒子text-align: center;子盒子margin: 0 auto; 即可；而目前垂直居中沒有看到說明最常用的做法，現在我們給出實現元素垂直居中的幾個方法；
方法一：line-height;
這應該是我目前知道實現垂直居中最簡單實用的方法；對於只有單行文字的，可使用該方法實現文字垂直居中；只需要在父容器中設定linline-height與height相等即可：
.parent-box
設定文字所在的父容器為flex布局，然後設定flex-direction為垂直即可實現文字或者子盒子垂直居中；除此之外，flex布局還可靈活應用於多種對齊方式，詳見felx布局詳解
.parent-box
設定display:table-cell 和 vertical-align:middle；這種現實方式可以讓標籤元素以**單元格的形式呈現，標籤就像 table 中的 td，這樣一來我們就可以通過vertical-align:middle這個樣式使得其內部的元素居中顯示。
.parent-box
div CSS 文字垂直居中
說到這個問題的時候，也許有人會問css中不是有vertical align屬性來設定垂直居中的嗎？即使是某些瀏覽器不支援我只需做少許的css hack技術就可以啊！所以在這裡我還要囉嗦兩句，css中的確是有vertical align屬性，但是它只對 x html元素中擁有valign特性的元素才生...
div css文字垂直居中
在說到這個問題的時候，也許有人會問css中不是有vertical align屬性來設定垂直居中的嗎？即使是某些瀏覽器不支援我只需做少許的css hack技術就可以啊！所以在這裡我還要囉嗦兩句，css中的確是有vertical align屬性，但是它只對 x html元素中擁有valign特性的元素才...
CSS div文字垂直居中
問題 vertical align，在div中設定文字垂直居中，是不起作用的。那怎麼樣設定div的文字垂直居中哦！關於 css文字垂直居中 的文章在網上可以找到很多，它們主要涉及3種方法 1 單行文字垂直居中 方法 把文字段落高度 line height 和所在區域高度 height 設為一致即可。...