采纳答案成功!
向帮助你的同学说点啥吧!感谢那些助人为乐的人
老师,在图片画廊组件部分中,我的图片不能垂直居中手机屏幕,是偏上一点,和解?
原因:wrapper中加一个"padding-bottom: 100%" ,这个100%比例是相对宽度的,所以出来的是一个正方形的容器。
解决:只写一个宽度100%
.wrapper
width
:
100%
我的也是这样,会靠上面一些,后面自己花了半个小时调试过后发现可以啦,贴上我的代码给小伙伴们参考:
<style lang=
"stylus"
scoped>
.container
z-index 99
position fixed
left 0
right 0
top 0
bottom 0
background
#000
display flex
flex-direction column
justify-content center
.gallary-img
display inline
margin auto 0
width 100%
.swiper-pagination
color
#ffffff
bottom 1rem
z-index 100
</style>
html部分和老师的 一样,最后的效果如图
这种css的基础自己查一下解,毫无难度的东西
是不是出现了如图这种情况?wrapper对应的div是居中的,但是<swiper>对应的就没有撑满整个div了
这个是由于图片宽高不相等导致的,应该如何解决呢?
是的,我也是这样?有解决方案吗?
暂时没有诶,因为对css不太熟
我觉得你的布局里面多了margin或者padding,到控制台里测试一下
登录后可查看更多问答,登录/注册
课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握
1.9k 20
1.6k 19
2.7k 17
1.4k 16
1.7k 15