- outline，表单控件、链接、ImageMap等元素 focus 时，位于 border 外侧的一层
轮廓
垂直居中
<style>
/* 基础样式 */
* { margin:0; padding:0;}
html, body { height: 100%; }
body {
width: 100%;
height: 100%;
}
/* 关键样式 */
.element {
text-align: center;
position: relative;
top: 50%;
transform: translateY(-50%);
}
</style>
<div class="element">
<p>你好</p>
<p>你好</p>
</div>
