div中的文字和图片水平居中的方法

css文字水平居中的案例1：

.page{text-align: center;}
这是需要水平居中的文字

css文字水平居中的案例2：

.page{display: flex;justify-content: center;}
这是需要水平居中的文字

css图片水平居中的案例1：

css图片水平居中的案例2：

.tu img{display: block;margin:0 auto;}

css图片水平居中的案例3：

.tu{display: flex;justify-content: center;}

css图片水平居中的案例4：

.tu img{width: 100px;height: 100px;position: relative;left: 50%;margin-left: -50px;}

css图片水平居中的案例5：

.tu{text-align: center;}