关于播放器和上一首下一首按钮的对齐方式

来源:4-3 引入iconfont字体图标

全是甘货

2020-03-07

.control {
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
}

弹性盒子布局flex没有设置方向应该默认是横向吧。
align-items应该是处理交叉轴的对齐方式:居中吧。

这三个按钮的对齐方式要求应该是在横向上居中对齐吧
那么flex的主轴是横向,横向对齐不是应该用主轴:justify-content吗?
怎么用的是交叉轴(align-items)去控制横向的对齐方式呢

写回答

1回答

谢成

2020-03-07

可以再看看关于flex布局,推荐个文章: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

0
1
全是甘货
非常感谢!谢谢,这个我之前看过,估计是用得不多,其实提问时想错了,这是纵向的位置设定为居中,确实应该采用交叉轴而不是主轴。
2020-03-07
共1条回复

微信小程序云开发-从0打造云音乐全栈小程序

横跨小程序端、云后端、CMS一站式云开发的小程序全栈课程

1938 学习 · 2768 问题

查看课程