div+css实现内容的水平垂直居中

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

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

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

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

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

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

代码如下：

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