Question

我无法将按钮放在td中。

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

我试图设置＆＃34; horizontal-align：middle＆＃34;使用按钮在td上，但似乎没有得到应用。按钮仍然靠在单元格的左侧。

Answer 1

您可以使用：

display: block;
margin: auto;

Here is your updated plunkr

Answer 2

正如我在上面的评论中所说，只需将TD更改为align =＆＃34; center＆＃34;属性。

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

自发布以来，我发现HTML5中已弃用此功能，因此最好只使用＆＃34; text-align：center＆＃34;在CSS中的TD＆gt;

Answer 3

我发现我必须将以下属性组合到页面上的中心JSF控件中：

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

Answer 4

这对我有用

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

Answer 5

改变按钮而不是td？减少对风格的影响。

table .btn{
  vertical-align: top;
}

Answer 6

HTML:
    <td class="table-row-radio-button"> <input type="radio"> </td>
CSS:
    .table-row-radio-button {
        text-align: center;
    }

为我工作。

Answer 7

对我来说很好

$data

Answer 8

如果您使用的是Bootstrap 4，请将这些类添加到select 'NLFMF' as Source_code ,gPolicy_Number_static ,gPolicy_Number ,PolicyNumber as Policy_Number ,TransactionGroup ,TransactionType ,Txn_Amount ,cast(Policy_Txn_Date as date) as Policy_Txn_Date ,cast(Policy_Txn_Post_Date as date) as Policy_Txn_Post_Date from MARTDB.dbo.stg_MFCPremiums_Prepare元素中（我的有2个按钮）：

<td>

<td class="text-center align-middle"> <div class="btn-group"> <button class="btn btn-outline-primary">+</button> <button class="btn btn-outline-primary">-</button> </div> </td>将使内容水平居中，而text-center将使内容垂直居中。

尝试在td中居对齐按钮

8 个答案: