美文网首页
遇到的问题和解决的方法

遇到的问题和解决的方法

作者: 王三准wsz | 来源:发表于2021-09-23 10:26 被阅读0次

1、flex布局子元素垂直居中,当子元素超过容器大小后,不能通过滚动条滚动到顶端
--外层实现垂直和水平居中

#flex-container { align-items: center; justify-content: center; }

--内部使用auto边距,可以将溢出的flex项目垂直和水平居中,而不会丢失对其任何部分的访问权限。

.flex-item { margin: auto; }

相关文章

网友评论

      本文标题:遇到的问题和解决的方法

      本文链接:https://www.haomeiwen.com/subject/unwngltx.html