块元素水平垂直居中、多行文本垂直居中、外部使用响应式写法

1.块元素水平垂直居中

先提问：之前我们学过flex啦使盒子水平垂直居中的方式是什么呢？

解：给父级盒子设置：

            display: flex;

            justify-content: center;

            align-items: center;

以上这是第一种方法：使用flex弹性盒子布局；

我们来看一看还有的几种方式吧！未免以后会用到呢！

第二种方法：可以使用绝对定位配合margin的方式实现

            margin的值为负值

            margin-left是宽度的一半

            margin-top是高度的一半

列如：

先给父级盒子给定位

.box{
            width: 300px;
            height: 300px;
            border: 2px solid rgb(184, 184, 200);
           posit