嘗試在td中對齊按鈕

我在td中將按鈕居中時遇到問題。嘗試在td中對齊按鈕

這可能是一個簡單的CSS問題，但該應用程序使用引導程序，AngularJS，AngularJS-ui-bootstrap和ngTable。我已將所有這些組件包含在我的plunkr中。

我試圖用按鈕在td上設置「水平對齊：中間」，但似乎沒有得到應用。按鈕仍然傾斜到單元格的左側。

您是否嘗試過在TD上加入ALIGN = 「中心」，「 –

怎麼樣'的text-align：center' –

這兒還有沒有人，但@dawuut？注意到我已經有了這個？我會認爲我對該css規則的「特殊性」有問題，但是dawuut的解決方案只是改變了我的「水平對齊」和「文本對齊」的css規則，設置，實際上工作 –

您可以使用：

display: block; 
margin: auto;

2014-03-13 16:49:28 meriadec

它指出正確的解決方案是最不容易理解的 –

css有它自己的奧祕:) – meriadec

正如我在我的評論說，上面簡單地改變TD有ALIGN = 「中心」屬性。

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

自從發佈此我發現，這是在HTML5棄用所以最好只使用「文本對齊：中心」關於TD在你的CSS>

2014-03-13 16:49:35

在HTML5中刪除了align屬性。 – lifetimes

@null - 你每天都在學習一件新事物！它仍然工作，但最好使用CSS，而我猜。 –

我發現，我不得不結合以下屬性將JSF控件集中在一個頁面上：

<h:form style="display: block; text-align: center; margin: auto; width: 200px"> 
<!-- components here --> 
</h:form>

2015-04-10 06:50:34 fuzzyanalysis

改變按鈕而不是td？減少對風格的影響。

table .btn{ 
    vertical-align: top; 
}

2016-03-09 13:39:38

這爲我工作

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

2016-06-21 14:36:43 vineel

回答