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

Question

我想要在表格列（td）中居中（center+middle）一张图片和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

- sparkle

---

text-align:center 可能有效。 - Chuck Norris

如果您还没有找到答案，那么请分享此错误的实时链接。 - Kamal

Answer 1

你可以尝试：

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

- tim_brook

---

这对我有用！谢谢！ 完整行：<td style="vertical-align:middle; text-align:center;"><img style="height: 60px; display:block; margin:0 auto;" src="{{ item.image_url }}" alt=""></td> - Guilherme Oliveira

Answer 2

查看这个 http://jsfiddle.net/k6Nvk/1/

只需在你的<td>中添加代码>><td align="center" valign="middle"><image path></td>

你也可以使用css来实现，查看演示

- Kamal

Answer 3

尝试

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

- Joe

Answer 4

你所要做的就是声明左右边距（上下可选）：

.center {
margin-left: 25%;
margin-right: 25%;
}

或者你可以直接使用

.center
{
margin-left: auto;
margin-right: auto;
width: 20%;
}

如果不必要，就不要使用<table>标签。改用<div>标签。

- Jakub

Answer 5

注意：在HTML 5中不支持align="center"；请参见http://www.w3schools.com/tags/tag_td.asp。

- Martin

Answer 6

这是我是如何做到的。 我调用了基本的Twitter CSS文件。 然后我调用我的默认CSS文件。 在我的默认文件中，我有这个类。

.table-center th, .table-center td {
    border-top: 1px solid #DDDDDD;
    line-height: 18px;
    padding: 8px;
    text-align: center;
    vertical-align: top;
}

然后在我的表格中我这样做：

<table class="table table-center ....">...</table>

- Tim Garver

Answer 7

这应该可以工作

.cntr
{
        margin: 0 auto;
}

---

<div class="cntr" style="width: 130px">
         <img src="me.jpg" alt="me"  style="width: 130px" />
</div>

- Top Systems

---

margin 0 auto 应该用于 img 标签。 - Shamseer

Answer 8

可以试一下这个，但不确定是否有效：

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

- thomas

---

这很接近，但是除非您指定固定宽度，否则它将无法工作。 - Joe

Answer 9

我会在内联样式中尝试使用 text-align: center;。

- Atadj