尝试在td中居对齐按钮

Question

我在td中按下按钮时遇到了麻烦.

这可能是一个简单的CSS问题,但该应用程序使用bootstrap,AngularJS,AngularJS-ui-bootstrap和ngTable.我已将所有这些组件都包含在我的plunkr中.

我试图用按钮在td上设置"horizo​​ntal-align:middle",但似乎没有得到应用.按钮仍然靠在单元格的左侧.

Answer 1

您可以使用 :

display: block;
margin: auto;

这是你更新的plunkr

Answer 2

正如我在上面的评论中所说,只需将TD更改为具有align ="center"属性即可.

<td align="center"></td>

自发布以来我发现在HTML5中不推荐使用它,所以最好只在CSS中使用"text-align:center"在TD上>

Answer 3

这对我有用

<td style="text-align: center">