用于电子邮件客户端的CSS浮动替代品

时间:2017-06-14 14:37:25

标签: html css zurb-foundation html-email

我正在尝试使用电子邮件的基础来构建HTML电子邮件,这似乎运作良好,但我发现outlook 2007+不喜欢花车,有没有人知道一个好的选择?

目前我的元素是全宽而不是向左/向右浮动!

非常感谢

1 个答案:

答案 0 :(得分:3)

我在过去几个月里做了一些电子邮件营销,我可以告诉你,建立电子邮件营销的最佳方式是使用table s和间隔符的概念。

以下是我所说的基本教程的链接:Simple Steps For Email Marketing

电子邮件营销基本上是table table内部td的序列,其中一些空格const Product = db.define('products', { id: { type: Sequelize.INTEGER, primaryKey: true, autoIncrement: true }, name: Sequelize.STRING, price: Sequelize.INTEGER, pic: Sequelize.STRING }); const Cart = db.define('cartProduct',{ cid: { type: Sequelize.INTEGER, primaryKey: true, autoIncrement: true }, qty:{ type:Sequelize.INTEGER, defaultValue:1 } }); Product.sync({}).then(()=>{ Cart.belongsTo(Product); Cart.sync({}); Product.destroy({ where:{} }); Cart.destroy({ where:{} }); console.log("DataBase Created"); var i ,len = products.length; for(i=0;i<len;i++){ Product.create({ id:i+1, name: products[i].name, price: products[i].price, pic: products[i].img }).then(()=>{ console.log("Data Inserted"); }); } }); function retrieveCart() { return Cart.findAll({ include:[{ modal:Product, attributes:['name','price']}] }) } 通常由间隔类组成。

所以这里有一些技巧可以让所有电子邮件客户端都能使用我发送的教程,虽然我会说我从未使用过基础

  1. 您需要在表格中构建电子邮件的每个部分。

  2. 使用所有CSS内联。

  3. 习惯创建spacer(空白表格)以模拟您可能会在移动版本中隐藏的边距。

  4. 您需要一项服务,让您模拟电子邮件在每个平台上的外观。