【微信小程序】文字水平垂直居中对齐问题(完美解决方案)
2020-04-27 07:21
891 查看
我们知道常用的居中对齐方式有很多种例如:
text-align:center;
align-items:center;
justify-content: center;
margin: auto; #子容器在父容器中居中
但是在view中的文字对齐却不能简单的使用text-align: center;来实现,这种办法只能实现文字的水平居中,
要实现水平垂直居中
可使用如下方案
.td {
display: flex;
align-items: center;
justify-content: center;
}
作者:燃烧的火_10e3
链接:https://www.jianshu.com/p/c24158006033
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- 微信小程序文字水平垂直居中对齐问题
- 微信小程序图片文字水平垂直居中对齐解决方案
- 换行文字、图片水平垂直居中完美解决方案
- 微信小程序聊天功能 WebSocket 实现发送文字,图片,语音以及WebSocket 常见问题解决方案
- 微信小程序之文字水平垂直居中
- 【微信小程序常见问题】点击指定文字实现指定文字变色解决方案一
- 微信小程序之文字水平垂直居中
- css实现固定高度及未知高度文字垂直居中的完美解决方案
- iOS设置button上的文字和图片上下垂直/水平居中对齐
- 微信小程序flex盒模型实现图片与文字垂直居中
- 做微信小程序-bug-问题的解决方案和笔记
- 微信小程序元素水平居中或垂直居中
- css实现固定高度及未知高度文字垂直居中的完美解决方案
- 网页背景H5视频自动播放---PC端、移动端兼容问题完美解决方案(IOS、安卓、微信端)
- 微信小程序Java登录流程(ssm实现具体功能和加解密隐私信息问题解决方案)
- 【微信小程序常见问题】三元运算符设置失败的原因及解决方案
- html 复选框(checkbox)和单选框(radio)与文字水平垂直居中对齐
- 微信小程序Java登录流程(ssm实现具体功能和加解密隐私信息问题解决方案)
- 微信小程序picker组件遇到的问题与解决方案
- 微信小程序picker组件遇到的问题与解决方案