「自学哈网」如何让高度不确定的div中文字水平垂直居中
也想出现在这里?
联系我们吧
html结构如下:
<div class="parent"> <div class="child"></div> </div>
不知道自己高度和父容器高度的情况下, 利用绝对定位只需要以下三行:
.parent { position:relative; } .child { position: absolute; top: 50%; transform: translateY(-50%); }
若父元素设置了高度,则只需要使用相对定位即可
.parent { height: xxx; } .child { position: relative; top: 50%; transform: translateY(-50%); }
不考虑兼容老式浏览器的话,使用flex布局:
.parent { display: flex; display: -webkit-flex; jusitify-content: center; align-items: center; }
本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」如何让高度不确定的div中文字水平垂直居中
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」如何让高度不确定的div中文字水平垂直居中
也想出现在这里?
联系我们吧