Question

我想在邮件中加入两张图片三条规则 ::

我必须使用表格进行布局
我必须使用内联样式
不允许使用JavaScript

这是问题所在。我希望一张图片向左浮动，另一张图片保持原样（请参阅JSFiddle）。

我尝试在左侧的td标记中添加填充，但它会将图像推到右侧。我怎样才能使“contrasto”图像位于单元格的左侧而不是右侧？

<table>
   <tr>
      <td>
         <img height="50" src="http://www.reduxpictures.com/newsletter/stock_oct13/Contrasto.png" style="padding: 0 200px 0 0" width="174"/>
      </td>
      <td>
         <img class="logo" height="50" src="http://www.reduxpictures.com/newsletter/stock_oct13/Luz.png" width="174"/>
      </td>
   </tr>
</table>

Answer 1

我已经更新了JSFiddle，我希望这是你需要的http://jsfiddle.net/bDBcD/3/

进行了以下更改，使表格宽度为100％，将text-align：left为td。

<table width="100%">
  <tr>
     <td><img height="50" src="http://www.reduxpictures.com/newsletter/stock_oct13/Contrasto.png" style="padding: 0 0 0 0" width="174"/></td>
     <td style="text-align:left;"><img class="logo" height="50" src="http://www.reduxpictures.com/newsletter/stock_oct13/Luz.png" width="174"/></td>
  </tr>
</table>

如何使用内联样式标记向左浮动？

1 个答案: