1. 文字水平居中(上)
.td {
text-align: center;
}
2. 文字在整个view容器中居中(上下左右)
.td {
display: flex;
align-items: center;
justify-content: center;
}
3. 关于2的各种组合实现
css align-items属性怎么用?-css教程-PHP中文网https://www.php.cn/css-tutorial-415237.html#:~:text=CSS%20align-items%E5%B1%9E%E6%80%A7.%20align-items%E5%B1%9E%E6%80%A7%E6%98%AFFlexible%20Box,%E5%B8%83%E5%B1%80%E6%A8%A1%E5%9D%97%E7%9A%84%E5%AD%90%E5%B1%9E%E6%80%A7%E3%80%82.%20%E4%BD%9C%E7%94%A8%EF%BC%9A%20%E5%AE%9A%E4%B9%89%E4%BA%86%E5%A6%82%E4%BD%95%E6%B2%BF%E5%BD%93%E5%89%8D%E8%A1%8C%E7%9A%84%E6%A8%AA%E8%BD%B4%E5%B8%83%E7%BD%AE%E5%BC%B9%E6%80%A7%E9%A1%B9%E7%9B%AE%E7%9A%84%E9%BB%98%E8%AE%A4%EF%BC%88%E5%AF%B9%E9%BD%90%EF%BC%89%E8%A1%8C%E4%B8%BA%E3%80%82.%20%E6%B3%A8%EF%BC%9A%20%E5%8F%AF%E4%BB%A5%E5%9C%A8float%E5%AE%B9%E5%99%A8%E5%86%85%E7%9A%84%E6%AF%8F%E4%B8%AA%E5%AD%90%E9%A1%B9%E7%9B%AE%E4%B8%AD%E4%BD%BF%E7%94%A8align-self%E5%B1%9E%E6%80%A7%E6%9D%A5%E8%A6%86%E7%9B%96align-items%E5%B1%9E%E6%80%A7%E7%9A%84%E6%A0%B7%E5%BC%8F%E3%80%82.align-items: stretch|center|flex-start|flex-end|baseline;
/* 指定float容器内项目在横轴方向的对齐方式 */
stretch:拉伸以填充容器(仍然尊重最小宽度/最大宽度)。
center:项目以横轴为中心;默认情况下,横轴是垂直的,这意味着flexbox项目将垂直居中 。
flex-start:项目在横轴的开始处对齐,即项目将在顶部垂直对齐。
flex-end:项目在横轴末端对齐,即项目将在底部垂直对齐
baseline:项目在横轴的基线处对齐,即项目将自身对齐,以使其文本的基线沿水平线对齐
justify-content: flex-start|flex-end|center|space-between|space-around|initial|inherit;
/* 属性(水平)对齐弹性容器的项目,当项目不占用主轴上所有可用空间时。*/
文章来源:https://www.toymoban.com/news/detail-485265.html
space-between、space-arround :用在有多个子项目时,保证每个子项目有间隔文章来源地址https://www.toymoban.com/news/detail-485265.html
到了这里,关于微信小程序wxml中view标签下的文字位置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!