admin 管理员组

文章数量: 1184232

微信小程序，垂直居中问题的经典解决方法

选自《微信小程序开发-入门与实践》，雷磊老师编著

在编写CSS过程中，很多时候会面临如何将两个元素居中的问题，对于这种情况，在此书的6.8节中有明确的解释，这里将记录下方法。

//post-detail.wxss
.author-box{display:flex;flex-direction:row;align-items:center; //align-items：center 表示居中对齐弹性盒的各项元素。
}
.avatar {height:50rpx;width:50rpx;
}
.author {font-weight:300;margin-left:20rpx;color:#666;
}

将avatar和author用一个容器包裹起来（author-box），使用display:flex将该容器设置为flex容器模型，使用flex-direction：row指定flex的方向。结束。

本文标签： 微信小程序，垂直居中问题的经典解决方法

版权声明：本文标题：微信小程序，垂直居中问题的经典解决方法 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.roclinux.cn/b/1693755680a240956.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。