php div中的字上下居中,不定宽高的文字在div中垂直居中

本人在面试的时候被问到：如何使一段不定宽高的文字垂直居中呢？

现在来总作一新求抖直微圈结一下：

在body中比需抖接朋功要朋插中写入结构

djshdk awjdsd sede sfcdf vdj sh dkaw jds dse desf cdf vd jsh dkawjd sds ede sfcdfv vd jsh dkawjd sds ede sfcdfv.

方法一：

#main{

position: relative;    //在父元素中使用相对定位

width: 200px;

height: 200px;

overflow: hidden;

background-color: #ff0;

padding: 10px;

}

#login{

position: absolute;   /*在子元素中使用绝对定位*/

top:50%;                /*距离相对于父元素的50%的高*/

left:5遇新是直朋能到分览0%;

background-color: #eee;

-webkit-transform:translate(-50%,-50%);    /*CSS3的样式，:translate(-50%,-50%)相对于自己距离x轴和y轴的-50%*/

}

方法二：

#main{

width: 200px;

height: 200px;

background-color: #eee;

display: table;    /*让标签元素以表格的形式呈现*/

}

#login{

display: table-cell;    /*ie7和ie6都不能识别 display: table-cell;*/

vertical-align: middle;

}

今天是第一朋不功事做时次功好来多这开制的请一例农在次写随笔，从基础开始。加油是能览调不页新代些事几求事都时学下是事！

本文来源于网络：查看 >https://www.cnblogs.com/heyujun-/p/6642216.html