强制尊重新宽度,或忽略先前的宽度

时间:2014-09-03 15:37:25

标签: html css

我正在努力清理公司的时事通讯电子邮件。我的问题是,我想强制<td>尊重我指定的宽度,而不是遵循前一个<td>的宽度。另一个问题是,这需要与电子邮件客户端兼容。

这是我正在努力的一个方面。 http://jsfiddle.net/zwf0dL8r/很抱歉内联样式,不是很好的HTML电子邮件..

如您所见,浅灰色区域遵循持有cpap.com徽标的第一个<td>的宽度。

理想情况下,我希望能够在每次创建新的<td>时将<tbody> s的宽度定义为新的。

1 个答案:

答案 0 :(得分:1)

您可以使用CSS强制某些行为,但浏览器或电子邮件客户端通常会根据内容自动计算列的宽度,当内容较短时,使用列的最宽指定宽度。为避免这种情况,您可以将属性table-layout: fixed;添加到表格的样式中,但您必须为每列手动分配正确的宽度。

具有固定布局的表格显示速度更快,但不会根据内容调整大小。较大的内容溢出了它的单元格,导致看起来难看的重叠数据。

请点击此处查看电子邮件客户端兼容性:https://www.campaignmonitor.com/css/


修改:

要使波纹管单元格占据上述单元格的空间,您可以添加colspan="numOfColsToTake"

许多人忘记了每个<TD>定义一个列,而不仅仅是一个单独的单元格。想象一下,你是在Excel上设计它。如果您在Excel上执行此操作,则必须使用merge cells选项为下面的单元格获取上面2的空格。 colspan元素的<TD>属性就是这样。

<td colspan="2"><p>Something</p></td>