html基础总结

<div class="weui-media-box weui-media-box_text" style="height:170px;100%">
<div style="margin-top:20px"><h1 class="weui-media-box__title" style="font-size:18px">请假申请</h1></div>
<div class="weui-flex">
<div class="weui-flex__item" style="height:90px;90px;margin-left:20px">
<div style="100%;height:40px;text-align:center;line-height:40px;">
<img src="../img/请假申请.png" style="vertical-align:middle" />
</div>
<div style="margin-top:5px"><p style="font-size:14px;text-align:center">请假申请</p></div>
</div>
<div class="weui-flex__item" style="height: 90px; 90px; margin-left: 20px">
<div style="100%;height:40px;text-align:center;line-height:40px;">
<img src="../img/我的请假单.png" style="vertical-align:middle" />
</div>
<div style="margin-top:5px"><p style="font-size:14px;text-align:center">我的请假单</p></div>
</div>

注释：text-align:center和style="vertical-align:middle"两个居中对齐语句，vertical-align:middle图片与图片头部对齐。