html - 将背景图片放在表格单元格的中间

Question

看下面的图片

如何在表格列 ( <td>) 中居中图像？填充不要在顶部仅在右侧和底部留出空间

这是表格html代码

<table>
<tbody>
<tr>
<td class="bedButton ward-A">A115:1</td>
<td class="bedButton ward-A">A116:1</td>
</tr>
</tbody>
</table>

这是CSS：

.bedButton{
    padding:25px;
    width:250px;
    height:300px;
    background:url(../images/bedview/bed-background.png) no-repeat;
    margin-left: auto;
    margin-right: auto
}

Answer 1

要使文本水平居中，请使用：

td {
    text-align:center;
}

jsFiddle 示例