javascript - CELL 中的 bootstrap 3 center div

Question

我正在使用 Bootstrap 3，我想将容器行中单元格内的 div 居中。当我查看时，我只找到了关于将 div 在容器中居中的主题，这不是我需要的。我想知道如何在特定单元格中将 div(垂直和水平)居中。原因是在同一行我有其他更大高度的 div，在行的末尾我想放置一个按钮，它与其他 div 相比相对较小，因此我想将它居中以使其看起来漂亮。

到目前为止，我一直在尝试进入 bootstrap.min.css 文件并更改以下内容:

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td{
padding:8px;
line-height:1.42857143;
vertical-align:top;
border-top:1px solid #ddd}

到:

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td{
padding:8px;
line-height:1.42857143;
vertical-align:middle;
border-top:1px solid #ddd}

这似乎没有改变任何东西，所以我猜我没有走在正确的轨道上。

Answer 1

要水平居中 div，您可以放入 CSS 文件:

margin-left: auto; margin-right:auto;

对于垂直对齐:

margin-top: auto; margin-bottom: auto;

顺便说一下，发布您的 HTML 代码会很有帮助。