html - 一栏中的图片会导致其旁边的栏中的文本被下推

不太擅长编程，但是

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

<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>

感谢您的时间

最佳答案

<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=""

关于html - 一栏中的图片会导致其旁边的栏中的文本被下推，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14393665/