微信小程序wxml中view标签下的文字位置
1. 文字水平居中（上）2. 文字在整个view容器中居中（上下左右）3. 关于2的各种组合实现
·
1. 文字水平居中（上）
.td {
text-align: center;
}2. 文字在整个view容器中居中（上下左右）
.td {
display: flex;
align-items: center;
justify-content: center;
}3. 关于2的各种组合实现
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./* 指定float容器内项目在横轴方向的对齐方式 */
stretch：拉伸以填充容器（仍然尊重最小宽度/最大宽度）。
center：项目以横轴为中心；默认情况下，横轴是垂直的，这意味着flexbox项目将垂直居中 。
flex-start：项目在横轴的开始处对齐，即项目将在顶部垂直对齐。
flex-end：项目在横轴末端对齐，即项目将在底部垂直对齐
baseline：项目在横轴的基线处对齐，即项目将自身对齐，以使其文本的基线沿水平线对齐
justify-content: flex-start|flex-end|center|space-between|space-around|initial|inherit;
/* 属性（水平）对齐弹性容器的项目，当项目不占用主轴上所有可用空间时。*/
space-between、space-arround ：用在有多个子项目时，保证每个子项目有间隔
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
2
0- 0
已为社区贡献1条内容
所有评论(0)