CSS——常用布局示例
* 本文仅简单讨论flex、grid布局方案
* see: https://juejin.cn/post/6844903491891118087
1 左中右（多列等高）
1.1 flex方案
仅需将.wrap设置为flex-direction: column;，即可实现“上中下”布局。见2.1
<!DOCTYPE html&
CSS——水平垂直居中
可组合水平居中 + 垂直居中进行配置
* 水平居中：https://blog.cooperzhu.com/css-shui-ping-ju-zhong/
* 垂直居中：https://blog.cooperzhu.com/css-chui-zhi-ju-zhong/
1 居中文本
1.1 居中单行文本
1.1.1 text-align: center; line-height=
CSS——垂直居中
1 居中文本
1.1 居中单行文本
1.1.1 line-height = height
<div style="height: 100px; line-height: 100px; background-color: #F2C679">
垂直居中
</div&
CSS——水平居中
1 居中文本
* 居中文本一般用于块级元素。如div
* 如果需要行内元素（如span）居中文本，那么需要将其设置display: block
1.1 居中单行文本
见“居中多行文本”。见1.2
1.2 居中多行文本
同时适用于“居中单行文本”
1.2.1 text-align:
自定义简单模板引擎
原理：使用正则进行匹配
import java.util.HashMap;
import java.util.Map;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
/**
* 自定义简单模板引擎<br /><