微调问题

来源:20-10 movie-list template的样式实现

慕九州5549167

2018-10-16

这边具体怎么微调“更多”的位置呢,因为flex设置了align-items属性后,右边的调margin的话左边的也会一直跟着动来居中的

写回答

1回答

7七月

2018-10-16

可以详细贴出代码来说明一下问题吗?

0
1
慕九州5549167
.movie-head { display: flex; justify-content: space-between; align-items: center; padding: 30rpx 20rpx 22rpx; } .slogan { /* margin-top: 12rpx; */ font-size: 24rpx; /* display: inline-block */ } .more { margin-top: 8rpx; /* float: right */ } 这个movie-head父容器是由内容撑开的,我设置了更多的margin-top就会撑高,然后align-items居中就会让左边的slogan也往下移。我现在想得是把align-items去了,然后左边也自己调居中。或者把父容器高度写死。但感觉既然这么麻烦为什么不直接不用flex布局然后vertical-align对齐呢,有什么建议的解决方案吗
2018-10-17
共1条回复

微信小程序入门与实战(全新版) 超20000人学习的好课

4年同步微信官方迭代,累计20000+人学习, 比微信官方更火爆!

23867 学习 · 6899 问题

查看课程