我有一个表格网格布局,我已经为打印设置了样式,但是我在尝试将缩略图图像向左对齐,然后在缩略图旁边对齐两行时遇到问题。
不确定如何最好地使用表格正确对齐,因为我习惯于使用 div。
我在这里有以下代码:-http: //jsfiddle.net/nCTFe/
所以基本上 [FIRST LINE 和 SECOND LINE] 需要像第一张桌子一样,但在左边的图像旁边,此刻我的一直坐在它下面!
任何帮助都会很棒,小提琴更好地证明了这一点!
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="30%" class="bottom_bdr stocklistItemImage">
<img height="75" width="100" class="stocklist_thumb"
border="2" src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Funivia_Rote_Nase_alt.JPG/300px-Funivia_Rote_Nase_alt.JPG"
alt="">
</td>
</tr>
<tr>
<td width="70%" class="vfeatures bdrBottom">
<span style="font-weight:bold">FIRST LINE:</span> Seatis, Seatis, Seatis, Seatis, Seatis, Seatis, Seatis
</td>
</tr>
<tr>
<td width="70%" class="bottom_bdr a_top stocklistItemDescription">
<span style="font-weight:bold">SECOND LINE</span> Seatis, Seatis, Seatis, Seatis, Seatis, Seatis, Seatis
</td>
</tr>
<tr>
<td class="" width="70%"> </td>
</tr>
</tbody>
</table>