您的位置：首页 > Web前端 > CSS

学习笔记 div span 垂直居中 + 水平居中

2017-12-07 18:59 309 查看
学习笔记：div 内部span垂直居中

<div class="fn_img mr25 fl" style="padding:3px;background-color:#0F0;color:#FFF;font-size:15px;height:200px;width:200px">

<span style="position: absolute;margin: 8px;">5G</span>
<span style="font-size:25px;text-align:center;display:block;position: relative;top:50%;transform:translateY(-50%);">0.00%</span>
</div>


效果：



谷歌内核浏览器使用的暴力居中方法：

在父控件中添加代码

style="align-items:center; display: -webkit-flex;"
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  css 居中 span div 垂直
相关文章推荐
新的分享
章节导航