如何解决我的flexbox物品正溢出容器...如何防止这种情况?
你好,我正在尝试用一个一堆卡片或容器内的物品制作一个容器。卡片在右侧溢出,而不是缠绕在第一行下方的新行中。
请帮忙解决一下,我是一个较新的开发人员,但仍然对flexbox感到困惑……如果您有足够的资源来掌握基础知识,也请分享!!
.all-listings {
display: flex;
align-items: stretch;
width: 100%;
flex-basis: 0;
}
.listing-preview {
margin: 10px;
padding: 15px;
width: 300px;
height: 400px;
background-color: white;
border-radius: 5px;
-webkit-box-shadow: 5px 5px 14px 1px rgba(135,132,135,1);
-moz-box-shadow: 5px 5px 14px 1px rgba(135,1);
box-shadow: 5px 5px 14px 1px rgba(135,1);
}
解决方法
将flex-wrap: wrap
添加到.all-listings
。
关于资源,我建议您在YouTube上查看Traversy Media的频道。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。