在高度未知的情况下使用flexbox垂直居中的问题

在高度未知的情况下使用flexbox垂直居中的问题,第1张

在高度未知的情况下使用flexbox垂直居中的问题

I found the solution:

.flex-container{  display: flex;   overflow-y: scroll;}.flex-container > div{  margin: auto; }html,body{  height: 100%;  width: 100%;  padding: 0;  margin: 0;}.flex-container{  display: flex;  width: 100%;  height: 100px;   overflow-y: scroll;  background: #2a4;}.flex-container > div{  padding: 1em 1.5em;  margin: auto;  background: #E77E23;  width: 400px;}<div >  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure fugit voluptas eius nemo similique aperiam quis ut! Ipsa aspernatur rem nesciunt est sed hic culpa nisi delectus error explicabo reprehenderit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure fugit voluptas eius nemo similique aperiam quis ut! Ipsa aspernatur rem nesciunt est sed hic culpa nisi delectus error explicabo reprehenderit. </div></div>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/4976136.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-11-14
下一篇2022-11-14

发表评论

登录后才能评论

评论列表(0条)

    保存