表格宽度不适用于多行

时间:2016-07-13 08:27:57

标签: html css html5 css3 email

http://jsfiddle.net/qse5owx6/

生病了,试着调试一个小时。为什么桌子会被内容拉伸?我已使用trtd正确包装布局。我正在为电子邮件设计HTML。

为什么宽度:600px 不能在桌面上工作?

3 个答案:

答案 0 :(得分:0)

添加table-layout: fixed;
请参阅http://jsfiddle.net/qse5owx6/5/

答案 1 :(得分:0)

点击此处 jsfiddle

这种情况发生的原因是你为所有元素设置了特定的固定宽度(以像素为单位),这就是为什么你不能强制使用较小宽度的原因。

我建议你使用百分比作为表格内元素的宽度。例如

tbody { width:100%;}
tr { width:100%;}
td { width:50%;}

或者,如果你想保持元素的宽度不变(873px),你可以将所有表包装在像.wrapper这样的div中并添加

.wrapper {
  width:600px;
  overflow:auto;
}

请参阅此处: jsfiddle

答案 2 :(得分:0)

我做了一些研究来创建电子邮件模板。

我希望这会对你有帮助。

创建电子邮件模板的步骤如下:

  1. 根据article
  2. 的指南创建电子邮件模板
  3. 模板准备就绪后,将所有CSS从css文件传输到<style>
  4. 中的<head>
  5. 使用service
  6. 制作所有CSS内联
  7. 要检查哪个标记和CSS元素对电子邮件客户端有效,请检查link