Tom Sarduy..

156

FOR BOOTSTRAP 3.X:

Bootstrap現在具有表格單元格的以下樣式:

.table tbody > tr > td{

vertical-align: top;

}

要做的就是添加自己的類,為前一個選擇器添加更多特異性:

.table tbody > tr > td.vert-aligned {

vertical-align: middle;

}

然后將類添加到您的tds:

...

FOR BOOTSTRAP 2.X

在表格單元格中使用時,vertical-align會執行大多數人期望的操作,即模仿(舊的,已棄用的)valign屬性.在符合標準的現代瀏覽器中,以下三個代碼片段執行相同的操作:

... ...

進一步

此外,您無法引用td該類,.vert因為Bootstrap已經具有此類:

.table td {

padding: 8px;

line-height: 20px;

text-align: left;

vertical-align: top; // The problem!

border-top: 1px solid #dddddd;

}

并且正在重載vertical-align: middle'.vert'類,所以你必須將這個類定義為td.vert.

總結

以上是生活随笔為你收集整理的bootstrap 居中 表格中_使用Twitter Bootstrap在表格单元格中垂直居中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。