0

不擅长编程，但

图片导致文本在相邻列上向下移动，我不知道为什么会这样。我试过浮动它并使用垂直对齐，但都不起作用。

<table style="border:none" cellpadding="0" cellspacing="0">
    <tbody>
       <tr>
       <td vertical-align:baseline style="border:none" width="20%">
       <div><img class="alignnone size-medium wp-image-232" src="" style="float:left;border: 1px solid #000000; alt="" width="294" height="300" style="display:block;"></div>
       <div class="caption" style="font:8pt/12pt verdana" align="center">text</div>
       </td>
       <td style="border:none;float:right" style="border:none">
       <div style="font:10pt/14pt verdana" align="justify">text</div>
       </td>
    </tbody>
</table>

感谢您的时间

4

2 回答 2

2 
<td vertical-align:baseline style="border:none" width="20%">

那不是正确的语法。尝试：

<td style="border:none; vertical-align:baseline" width="20%">

另外，这个： 

style="float:left;border: 1px solid #000000; alt="" width="294" height="300" style="display:block;"

缺少报价并且有style两次。尝试：

style="float:left;border: 1px solid #000000; display:block;" alt=""
于 2013-01-18T06:42:31.450 回答
1

您的代码中缺少许多标签。没有 tr 的结束标签和许多这样的标签。

改成下面的方法

HTML

<table width="100%" cellpadding="0" cellspacing="0">
    <tbody>
       <tr>
       <td width="50%">     
         <img class="alignnone size-medium wp-image-232" src="" alt="" width="294" height="300" />
       <div class="caption">text</div>
       </td>
       <td class="second_td">text</td>
</tr>
    </tbody>
</table>

CSS

.caption{display:inline-block; font:8pt/12pt verdana;}
.second_td{font:10pt/14pt verdana; vertical-align:top; text-align:right}
img{float:left;border: 1px solid #000000;}

演示

于 2013-01-18T06:52:06.760 回答