小程序使用Table的 align: 'center',之后没有效果
时间: 2023-11-26 20:04:06 浏览: 42
在小程序中使用Table组件时,需要注意以下几点:
1. 在使用Table组件时,需要将该组件放在scroll-view组件内,以便在内容过多时可以滚动查看。
2. 在设置Table的样式时,需要使用"style"属性进行设置,"align"属性不起作用。
3. 可以在Table的每个单元格内设置样式,例如使用"style"属性设置"align: center"来使内容居中显示。
以下是一个示例代码,其中使用了"style"属性设置单元格内容居中显示:
```
<scroll-view style="height: 400rpx;">
<table>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">张三</td>
<td style="text-align: center;">18</td>
<td style="text-align: center;">男</td>
</tr>
<tr>
<td style="text-align: center;">李四</td>
<td style="text-align: center;">20</td>
<td style="text-align: center;">女</td>
</tr>
</tbody>
</table>
</scroll-view>
```
在上述代码中,使用了"style"属性设置了scroll-view的高度,使其在内容超出时可以滚动查看。在表格中的每个单元格内使用"style"属性设置了"text-align: center;",使其内容居中显示。
阅读全文