Question

出于某种原因，我的td元素（id ='future_order'）它没有在中心对齐。我在网上做了很多研究，但我找不到任何有用的东西。

任何帮助都会非常感激！谢谢！

css代码

#order_info_container{
    width: 600px;
    height:100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;

}



#order_time, #future_order{
    vertical-align: middle;
    text-align: center;

    font-size: 28px;
    font-weight: bold;
    padding-top: 30px;


}

Html代码

<table id="order_info_container">
  <tbody>
  <tr>
  <td>
<img id="o_summary_logo" src="o_summary_logo,png">
  </td>
<td id="customer_service">
<b>
Customer Service # (212)-283-5751
<br>
Thank you for Business!
</b>
</td>
</tr>
<tr>
<td id="future_order">****FUTURE ORDER****</td> <!-- This is not aligning in the middle -->
</tr>
</tbody>
</table>

Answer 1

变化：

<td id="future_order">****FUTURE ORDER****</td>

为：

<td id="future_order" colspan="2">****FUTURE ORDER****</td>

<强> jsFiddle example

Answer 2

在想要居中的td处使用colspan =“2”，否则它将居中于该单元格中，并且它不会居中于整行。

<td colspan="2" id="future_order">text</td>

jsFiddle：http://jsfiddle.net/g4qH9/

需要帮助在我的中心对齐我的td元素

2 个答案: