想了一个简单的,诡异的办法,让Div 中想展现的内容垂直居中。
而不去使用 flexbox, JS, Less, Scss, rotate, before, after。
可以在 container 头部塞一个与“内容区域”一样大小的 div,然后设置“内容区域”的 bottom 为父亲的 50%,
最后计算下,会发现“内容区域”上下距离相等。
效果图:
不过代码发生改动的时候,比如:
将黄色 (show ) 变高时,需调整offset-head 的height,使show 与offset-head 两者的height一样高。
改动 container 的height 时,需将offset-body 的height 改成container.height - offset-head.height
Copyright © 2019- dayanchu.com 版权所有
违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务