我正在尝试将动态生成的文本居中 <td>
我已经尝试了所有这些可能性,但都不起作用:
cell.innerHTML = "<td align=\"center\" style=\"margin-left:auto;margin-right;auto;\"> </td>";
cell.innerHTML = "<td align=\"center\" text-align=\"center\">aaaa</td>";
cell.innerHTML = "<td style=\"text-align:center;\">aaaa</td>";
cell.innerHTML = "<td align=\"center\" text-align=\"center\">aaaa</td>";
cell.innerHTML = "<td align=\"center\">aaaa</td>";
cell.innerHTML = "<td align=\"center\" style=\"text-align:center;\">aaaa</td>";
知道我错过了什么吗?我想不出更多的可能性。
好吧,我终于设法通过简单地在之后添加的行中添加一个 row.align="center"来解决这个问题,尽管我认为 tds 可以单独对齐......无论如何我不需要那个这次。
最佳答案
可能是因为你加了一个<td>aaa</td>
到一个已经存在的单元格,所以你的结构变成:
<table>
<tr>
<td>
<td style="text-align:center">aaaa</td>
</td>
</tr>
</table>
看看this fiddle .
第一行将一个单元格添加到一个单元格中,而不是将文本居中。第二个示例有效,因为它将单元格添加到行中。
所以你要么必须添加 td { text-align: center }
到你的 css,或者,如果你坚持使用内联样式,找到一种方法将单元格动态添加到你的行。
关于javascript - 为什么我不能居中对齐我的 <td> 文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29556787/