电子邮件表的问题

另一个表问题。在任何人建议不使用内联样式之前，我会这样做，以便所有电子邮件客户端都能读取它。否则，我通常不会这样做。另外我使用表格是因为它支持旧的电子邮件客户端。电子邮件表的问题

考虑到这一点，这里是例子。 http://jsfiddle.net/rcZZb/16/

HTML：

<body> 
    <table cellspacing="0" border="0" align="left" style="background: #fff;" cellpadding="0"; width="639"> 
    <tr> 
     <td style="line-height:0;" colspan="2"><img src="http://www.artaholic.com/html/jsfiddle/img/header.jpg" width="639" height="84" vspace="0" hspace="0"></td> 
    </tr> 
    <tr> 
     <td style="line-height:0;" colspan="2"><img src="http://www.artaholic.com/html/jsfiddle/img/banner.jpg" width="639" height="156" vspace="0" hspace="0"></td> 
    </tr> 
     <tr> 
      <td width="375" style="border:1px solid red;"><span style="padding:30px">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</span> 
     </td> 
     <td width="264" height="158" style="border:1px solid red; background: url('http://www.artaholic.com/html/jsfiddle/img/box-bg.jpg'); font: normal 15px Arial, sans-serif; color:#0098d6;"><span style="padding:20px;"> 
      ntium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta</span> 
     </td> 
     </tr> 
    </table> 
</body>

非内联CSS：

body{ 
    padding:0; 
    margin:0 
}

我想控制在2个红色边框框中的文本。现在它正在水平和垂直居中。我希望能够通过padding来控制它，以指定它应放置在每个框内的位置。当我在td上设置我的padding时，通过展开它将右侧框中的background-image拧紧。如果我将文字放在span中，并使用padding进行设置，那么只有第一行以文字移动。

如何控制箱子内的文字位置而不影响每个箱子的width？

感谢

来源

2011-08-04 Chapsterj

jsFiddle很棒，但至少发布了一些内联代码。 –

你想在哪里定位文字？ – Purag

你指的是内嵌代码在那里。这不会被描述为内联代码或我错过了什么。 – Chapsterj

尝试改变<span>和<div>;您需要的元素是diplay:block，而不是display:inline。

我更新了jsfiddler使用这两种方法：第一种是插入display: block，第二个更改为<div>：http://jsfiddle.net/rcZZb/17/

来源

2011-08-04 23:01:20

在我的文章中，我曾说过我只能使用不是div的表格，因为它支持旧的电子邮件客户端。我需要做的就是控制文本在表格单元格中的位置。 – Chapsterj

，你可以简单地使用'style =“display：block”''''''你已经有了'span' ... –

显示模块在旧版Outlook电子邮件中不起作用。 2007年和2008年从我读过的。 – Chapsterj

啊我想利用p标签，而不是跨度制定。 p不是内联标签，并且在旧电子邮件客户端中受支持。感谢所有您的答案。

来源

2011-08-05 03:28:49 Chapsterj

电子邮件表的问题

回答

相关问题