Question

我正在尝试将文本置于动态生成的<td>

中

我已经尝试了所有这些可能性，但没有一种可行：

cell.innerHTML = "<td align=\"center\" style=\"margin-left:auto;margin-right;auto;\">&nbsp;</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可以单独对齐...无论如何我不需要这一次。

Answer 1

这可能是因为您在已经存在的单元格中添加了<td>aaa</td>，因此您的结构变为：

<table>
<tr>
    <td>
        <td style="text-align:center">aaaa</td>
    </td>
</tr>
</table>

看看this fiddle。

第一行将单元格添加到单元格，而不是将文本居中。第二个示例有效，因为它将单元格添加到行中。

因此，您必须将td { text-align: center }添加到css中，或者，如果您坚持使用内联样式，请找到一种方法将动态单元格动态添加到行中。

为什么我不能居中对齐我的文字？

1 个答案: