html表格和内联样式

概述我没有很多 HTML表和内联CSS的经验,但我正在尝试创建一个HTML电子邮件签名.理想情况下,我希望左侧有一个小图像,中间有一个文本,右侧有一个较大的徽标,一行文本位于所有内容的中心. 我有基本内容,但是我试图将所有内容与浮动相对齐,这些浮动似乎不起作用.什么是水平排列所有内容的最佳方法？ jsfiddle <br /><meta name="format-detection" content 我没有很多 HTML表和内联CSS的经验,但我正在尝试创建一个HTML电子邮件签名.理想情况下,我希望左侧有一个小图像,中间有一个文本,右侧有一个较大的徽标,一行文本位于所有内容的中心.

我有基本内容,但是我试图将所有内容与浮动相对齐,这些浮动似乎不起作用.什么是水平排列所有内容的最佳方法？

jsfiddle

<br /><Meta name="format-detection" content="telephone=no"><table wIDth='600' ID="sig" cellspacing='0' cellpadding='0' border-spacing='0' ><tr><td wIDth="47" ><a href='http://example.com' ><img src="http://lorempixel.com/47/43/" alt="First Last" ></a></td><td wIDth="10" >&nbsp;</td>  <td valign='top' ><table ID="sig2" cellspacing='0' cellpadding='0' border-spacing='0' ><tr ><td ><a  href="mailto:email@example.com">FirsT LAST</a></td></tr><tr ><td ><span >REALTOR | P <a  href="tel:1111111111">111.111.1111</a></span></td></tr><td wIDth="177" ><a href='http://example.com' ><img src="http://lorempixel.com/177/54/" alt="ZOPA Realty Group" ></a></td></table><table wIDth='600' ID="sig" cellspacing='0' cellpadding='0' border-spacing='0' ><tr><td><span >BRE xxxxxxxx | broker BRE xxxxxxxx. In association with Keller Williams.  Each Keller Williams Realty office is independently owned and operated.</span></td><br />&nbsp;

解决方法 忘记浮动,保证金和HTML 3/5.邮件非常陈旧.你需要用桌子来做所有事情.
一行=一张表.你需要保证金或填充？做另一个专栏.

Codepen

示例：我需要一行
1张40 * 40的一张照片
2一个10 px的边距
3 400px的一个文本

我开始我的路线：

<table  cellpadding="0" cellspacing="0" border="0">   <tr >     <td >        <img src=""      </td>     <td >             </td>     <td >     <p > my text   </p>     </td>   </tr></table>

总结

以上是内存溢出为你收集整理的html表格和内联样式全部内容，希望文章能够帮你解决html表格和内联样式所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。