|
Post by tamanna9 on May 4, 2024 3:15:47 GMT -5
因此,第一步是构建一个 通用表,其中包含我们将插入感兴趣的元素(文本、图像、CTA 等)的表单。这种技术不仅使我们能够很好地控制模块的位置,而且还可以 插入许多其他属性,例如背景颜色或图像、填充间距等。 创建了一个宽度为 100% 的表格,并将边框、填充和单元格间距指定为零。 100% 宽度 可确保 表格适合显示在任何屏幕上。然而,将填充、边框和间距属性重置为零会强制采用零起点,从而避免某些客户端(尤其是 Outlook)引入令人不快的不需要的间距。 最后,使用 内联样式,我们定义表格布局属性:fixed;。 这迫使像Yahoo!这样的电子邮件客户端受到影响。100% 时的正确表格宽度。 由于我们想要将整个电子邮件居中,因此我们将 align =“center”设置 为单元格而不是表格:因为后者的宽度为100%,所以根据定义居中。 通过这种方式,如果您希望在各种电子邮件客户端上正确显示,您就 阿尔及利亚 手机号码数据 可以看到一些必须应用的解决方法。我们将在整个分析中看到其他类似的点。 现在主容器已经构建完毕,我们可以 插入内容 ,不用说,这些内容将依次放置在表中。 结构与上一个非常相似:基本系统没有改变。 改变的是 宽度:不再是 100%,而是 600px。 第二个表是电子邮件的另一个基石:600px 设置通信的桌面宽度。您必须根据此参数来设置电子邮件的整体宽度。 此时,很容易在此处插入实际内容: 文本、图像、CTA。 这是可行的,但不建议这样做。原因很容易说:刚刚实现的只是一个表,仅起到设置-读取控制-通信宽度的作用。 我们将看到如何从响应的角度对其采取行动来确定移动设备的宽度。 对于简单的内容,例如查看在线文本,直接添加它们并不是一个特殊的问题,但是 更复杂的结构,例如徽标和收益(块2)最好封装在附加表中。 嵌套技术 对我们有帮助有两个原因:因为它对模块化有用,并且因为它允许我们更好地控制我们定义的单个元素。 因此,对于块 2,您可以看到如何创建一个新表,这次有两个单元格。 代码的风格与我们已经看到的类似:消除边框、填充和间距后,我们将宽度百分比设置为 100%。 然后声明 两个单元格:百分比宽度都 等于 47%。 我们使用百分比尺寸来拥有 适应显示通信的屏幕的流体结构。
|
|