icons这个模块 icon没有上下居中呢

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

icons这个模块 icon没有上下居中呢

来源：8-9 Vue项目城市选择页 - Vuex实现数据共享

琑儿

2019-08-15

.icon
position: relative
overflow: hidden
float: left
width: 25%
height: 0
padding-bottom: 25%
.icon-img
position: absolute
top: 0
left: 0
right: 0
bottom: .44rem
box-sizing: border-box
padding: .1rem
.icon-img-content
display: block
margin: 0 auto
height: 100%

写回答

1回答

Dell

Dell

2019-08-17

你这个top设置成0，当然不能垂直居中了

1

2

Dell

回复

琑儿

我的图可能和现在的图尺寸大小不一样

2019-08-19

共2条回复

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

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

10675 学习 · 8191 问题

相似问题

这样写的实际含义是.header .header-left .back-icon还只是.back-icon而已？

回答 3

既然每个组件的style 里面已经写了 scoped，为什么老师从别的页面拿过来icon图标的代码标签，需要从新命名class呢直接写样式不行吗

回答 1

没有照片呀，现在的网站跟视频里面不一样了，没有图片了

回答 3

icons 里面得也会自动循环，设置停止循环都无效 swiper 谁帮忙看一下。

回答 1

关于首页轮播图显示最后一张图的问题

回答 1

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