flex布局换行空白间隙之align-content的使用
版权申诉
154 浏览量
2020-11-20
01:16:06
上传
评论
收藏 332KB PDF 举报
flex布局换行空白间隙之布局换行空白间隙之align-content的使用的使用
一、本文实现的效果图如下：布局右侧使用flex布局，超过3个则换行。
父元素代码如下：
.nav-right{
width: 75%;
padding: 10px;
display: flex;
/* 默认是水平的 */
flex-direction: row;/*设置子元素的排列方向*/
flex-wrap: wrap;/*溢出则换行*/
}
子元素代码如下：
.nav-right-item{
width: 33.33%;
height: 120px;
text-align: center;
}
但是结果并不如人愿，行与行之间存在空白间隙
评论0
最新资源