HTML电子邮件使用CSS [英] HTML Email using CSS

问题描述

我试图使用DIV而不是表来构建一个HTML电子邮件，而且我对CSS很新。

I'm trying to build an HTML email using DIVs instead of tables, and I'm quite new to CSS.

我想要实现的看起来像：

What I'm trying to achieve would look something like:

*******************   XXXXXXXXXXXX   XXXXXXXXXXX
*   image here    *   XXXXXXXXXXXX   XXXXXXXXXXX
*******************   XXXXXXXXXXXX   XXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

X =某些文字

1张图片+
5文本行

1 image + 5 lines of text

任何想法？

推荐答案

这些地方，无论你有什么概念，你有良好的实践布局应该抛出窗外。很多，许多电子邮件提供商过滤掉你抛出的任何CSS规则，所以如果你绝对想要一个复杂的布局在电子邮件中做的最好的事情是坚持老学校表，因为他们会带给你最接近你的电子邮件正确传送给所有使用者。

Emails is one of those places where whatever notion you have of good practices for layout should be thrown out the window. Many, many email providers filter out any CSS rules you throw in, so the best thing to do if you absolutely want a "complicated" layout in your email is to stick to old school tables, as they will bring you the closest to your emails being delivered properly to all your users.

这篇关于HTML电子邮件使用CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！