1.單行文字的 父元素高度設定
1>利用line-height 來實現垂直居中
<style
>
.one1
style
>
<
div
class
='one1'
>
我要垂直居中啊
div>
2>利用table-cell 和 vertical-align 來居中
<style
>
.maintext
.one1
.one1 span
style
>
<
div
class
="maintext"
>
<
div
class
='one1'
>
<
span
>大段文字啊
span
>
div>
div>
2.多行文字的高度確定的 同樣利用table-cell 來實現
3.父級高度不確定的
1>.利用padding
<style
>
.one2
style
>
<
div
class
='one2'
>
這裡是大段的文字，然後我要垂直居中啊這裡是大段的文字，然後我要垂直居中啊
這裡是大段的文字，然後我要垂直居中啊這裡是大段的文字，然後我要垂直居中啊
div>
2>.子div高度確定，利用position:absolute
<style
>
.maintext
.one2
style
>
<
div
class
="maintext"
>
<
div
class
='one2'
>
<
span
>
這是多行文本子div高度確定了的垂直居中， 這是多行文本子div高度確定了的垂直居中， 這是多行文本子div高度確定了的垂直居中，
span
>
div>
div>
3>.子div高度不確定，利用display:flex
<style
>
.maintext
.one2
style
>
div class="maintext">
<
div
class
='one2'
>
<
span
>
這是多行文本子div高度不確定的垂直居中，
這是多行文本子div高度不確定的垂直居中，
這是多行文本子div高度不確定的垂直居中，
span
>
div>
div>
相容ie9+
以上。
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 設為一致即可。...