如何将图像居中放在表格中？

Question

我想在一个表格列(td)中居中(中间+中间)一个图像,并将标题放在h2中

CSS

.centered
{
    text-align:center;
}

HTML

<table class="table table-bordered">
<tbody>

<tr>
    <td class="centered"><%= image_tag(prank.image_url, :size => "50x50") %></td>
    <td class="centered"><h2><%=prank.category.titleize%></h2></td>
</tr>

我正在使用Twitter Bootstrap

Answer 1

你可以尝试:

.centered { vertical-align:middle; text-align:center; }
.centered img { display:block; margin:0 auto; }

Answer 2

尝试

.centered{width: 50px; margin: 0px, auto, 0px, auto;}