table 标签内部文本居中
时间: 2023-09-17 22:10:23 浏览: 53
要让 table 标签内部的文本居中,可以在对应的 td 或 th 元素上设置 text-align:center 属性。例如:
```html
<table>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td style="text-align:center;">John Doe</td>
<td style="text-align:center;">30</td>
</tr>
<tr>
<td style="text-align:center;">Jane Doe</td>
<td style="text-align:center;">25</td>
</tr>
</table>
```
在上面的示例中,通过在 td 或 th 元素上添加 style 属性,并设置 text-align:center 属性,可以将文本居中显示。
相关问题
table标签内部文本居中靠左
可以使用CSS样式来实现:
```html
<table>
<tr>
<td style="text-align: left;">居左文本</td>
</tr>
</table>
```
其中,`text-align: left;`表示文本居左对齐。如果要让表格中的所有文本都居左对齐,可以将样式应用到`td`或`th`标签的父级`tr`标签上。
el-table 文本居中
要让 el-table 的文本内容居中显示,可以使用以下样式代码:
```css
.el-table th,.el-table td{
text-align:center;
}
```
将该样式代码添加到你的 CSS 文件中即可。这样 el-table 的表头和表格中的文本内容就都会居中显示了。