我正在使用Twitter Bootstrap,并尝试在表格单元格内居中放置一个按钮。我真的只需要它垂直居中。
<table class="table table-bordered table-condensed">
<tbody>
<tr>
<td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td>
<td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td>
</tr>
</tbody>
</table>
请查看我的JSFiddle了解此问题。我已经尝试了几个我知道的表格居中技巧,但似乎都不能很好地工作。有什么想法吗?提前谢谢。
更新:是的,我尝试过vertical-align:middle;
,如果它是内联的,它就可以工作,但如果它在td
的类中就不行了。更新了JSFiddle以反映这一点。
最终更新:我是个笨蛋,没有检查它是否被bootstrap.css覆盖
https://stackoverflow.com/questions/13771101
复制相似问题