上标^{影响表格对齐}

Question

为什么表数据元素导致前一行不对齐？

<table>

按原样工作：http://jsfiddle.net/WH3uz/2
不使用数据：http://jsfiddle.net/NCs8H/

Answer 1

每秒<td>具有相同的宽度（它是表格的原理），因此第一行的宽度与第二行的宽度相同...

一张图片胜过千言万语：http://jsfiddle.net/NCs8H/1/

要解决此问题，您可以使用数据<td colspan="3">设置td。

Answer 2

用于

在您的上一个td <td colspan="3">

中

=====

<table class="menu-item">
<tr>
    <td class="num">14.</td>
    <td class="fdname"> Greens</td>
    <td> <sup class="gf-vg"> GF / VG</sup></td>
    <td class="price">$4.75</td>
</tr>
<tr>
    <td></td>
    <td colspan="3">Romaine lettuce, purple cabbage, pickled beets, and fresh cilantro, drizzled with our house vinaigrette.</td>
<tr>    
</table>

<强> Demo

<强> Update Demo