CSS：垂直+水平居中/单位in

水平+垂直居中：
display: flex 布局下， margin auto 的生效不仅是水平方向，垂直方向生效。

<div class="g-container">
    <div class="g-box"></div>
</div>
方法一：
.g-container {
    display: flex
}
.g-box {
    margin: auto
}
方法二：
.g-container {
    display: grid
    place-items: center
}

单位in：

英寸（Inches），绝对长度单位。1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

H5 支持属性后面不用引号包住，譬如 box-shadow: 0 0 0 400px #5d3a3a 等于box-shadow:0+0+0+5in#5d3a3a。