场景:
flex布局是三栏的情况,左边一个返回按钮,中间一个文本标题,右边一个导出按钮
做法:
使用flex+justify-content:space-between 进行布局,大屏幕和文本不长的情况下不会出现任何问题,但是如果是小屏幕和文本太长的情况就会出现文本过于靠左的情况,这个时候再参考justify-content的其他几个属性效果就更不行了。
改进:
使用flex+margin的方式即可实现,只要对需要居中的文本标题添加css属性margin:0 auto;就可以实现了,这个效果就是左右自动撑开,居中效果明显。