html - 向左浮动而不包含在电子邮件中

Question

我正在对发送给客户的邮件进行样式设置，并且我希望图像浮动，但文本不应包裹在其下方。我试过了

#left-image {
float:left;
}
#right-text {
display:table-cell;
}

和

#left-image {
left: 0; 
position: absolute;
}
#right-text {
padding: 0 0 0 100px;
position: relative;
}

第一个代码仍然将文本包裹在图像周围，第二组代码将图像放在文本之上。在发送之前，我一直在为我的确认页面使用第二个代码，它按我想要的方式工作，但我的邮件怎么会不一样？

score 1 · Accepted Answer

今天用了刚刚写的align(html)属性

    <table align="left"></table>

这解决了我的浮动问题。

score 0 · Accepted Answer

你为什么要混合方法？坚持一个，要么浮动，要么在两个元素上使用显示表格单元格。

#left-image {
    float:left;
}
#right-text {
    float: left;
}

#left-image {
    display: table-cell;
}
#right-text {
    display: table-cell;
}

score 0 · Accepted Answer

我假设您正在使用普通的 div 标签创建电子邮件，不建议实现跨平台兼容性。使用没有浮动和边距的 HTML 电子邮件结构，然后您可以看到浏览器以及独立于平台的邮件。如果您使用的是 html 表格，则可以使用 text-align:left 而不是 float:left。

3 回答 3