今天逛蓝色理想论坛,看到一个朋友发的面试题,共4道,我会期中的2道题,另外2道题都是要求

使高度宽度固定的div内的不固定高度的文字或者图片上下左右居中显示,自己没做出来,看了答案

题目:多行文字,保证在DIV中绝对局中,上下左右。不管文字增加多少都是局中的。DIV高度固定。

答案:水平方向居中使用css的text-align:center 就能搞定,垂直方向上需

要2层分别上下50%,最终实现垂直方向上的居中。

查看演示:https://www.weixing.me/demo/up-down-left-right-juzhong.htm

代码如下:


div中的文字保持上下左右居中