为什么设置flex direction：row 块排列是上下导致不能显示其他的icon

首页课程实战体系课手记专栏慕课教程

为什么设置flex direction：row 块排列是上下导致不能显示其他的icon

来源：7-6 Vue项目首页 - 图标区域逻辑实现

qq_慕仰1307754

2021-07-21

.icons
overflow hidden
width :100%
height: 0
padding-bottom :50%
display :flex
flex-direction :row
flex-wrap :wrap
.icon
padding-bottom :25%
height :0
width :25%
display: flex
align-items: center
flex-direction:column
.icon-img
width: 50%;
height: 0;
padding-bottom: 50%;
overflow: hidden;
margin: .2rem
.icon-img-content
width :100%
.icon-desc
font-size :.2rem
color :$darkTestColor
图片描述

写回答

1回答

Dell

Dell

2021-07-21

你希望横排展示？

0

2

Dell

回复

qq_慕仰1307754

colum 是横排，row 会纵排

2021-07-22

共2条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

相似问题

.icon中的height:0是什么意思？

回答 1

为什么我的设置了flex：1不起作用啊

回答 2

为什么加了min-width就可以正常显示...了？

回答 1

不显示圆点

回答 2

两个图标可以显示，城市那个向下的图标显示不了是为什么

回答 2

打开慕课网App查看更多内容