我正在努力清理公司的时事通讯电子邮件。我的问题是,我想强制<td>
尊重我指定的宽度,而不是遵循前一个<td>
的宽度。另一个问题是,这需要与电子邮件客户端兼容。
这是我正在努力的一个方面。 http://jsfiddle.net/zwf0dL8r/很抱歉内联样式,不是很好的HTML电子邮件..
如您所见,浅灰色区域遵循持有cpap.com徽标的第一个<td>
的宽度。
理想情况下,我希望能够在每次创建新的<td>
时将<tbody>
s的宽度定义为新的。
答案 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>