为什么表数据元素会导致前一行未对齐?
<table>
正常工作:http: //jsfiddle.net/WH3uz/2
不使用数据:http: //jsfiddle.net/NCs8H/
为什么表数据元素会导致前一行未对齐?
<table>
正常工作:http: //jsfiddle.net/WH3uz/2
不使用数据:http: //jsfiddle.net/NCs8H/
每一秒<td>
都有相同的宽度(这是表格的原则),所以第一行的宽度与第二行的宽度相同......
一图抵千言:http: //jsfiddle.net/NCs8H/1/
要解决此问题,您可以设置<td colspan="3">
为您td
的数据。
曾经
在你最后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>