## div垂直水平居中（flex、绝对定位） 绝对定位可结合`transform`实现居中。 * 优点：不需要提前知道尺寸 * 缺点：兼容性不好 ~~~ .container { position: relative; height: 200px; } .item { width: 80px; height: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: blue; } ~~~ ~~~ display: flex; justify-content: center; align-items: center; ~~~