0

一些网络邮件客户端会截断内联样式中的空格。例如这段代码

style="display: inline; float:right; font-size:16px;

呈现为

style="display:inline;float:right;font-size:16px;

在这一点上它不疼。但是当我添加一些背景样式时，我的布局崩溃了：

起源：

background:#ff6600 url('http://localhost:8080/path/to/img.png') no-repeat top right;

呈现：

background:#ff6600url('http://localhost:8080/path/to/img.png')no-repeattopright;

你有什么想法如何避免这种行为？也许像“ ”这样的东西 ?

干杯，梅奥

4

2 回答 2

1

我推荐这个

<div id="test" style="background:#ff6600; background-image:url('http://www.emofaces.nl/nl/emoticons/z/zwart-en-wit-emoticon.gif'); background-repeat:no-repeat; background-position:bottom left;"></div>

请参阅此处的工作示例：http: //jsfiddle.net/DennisBetman/QTLBg/

于 2013-05-08T10:00:17.353 回答
0

按照我之前的建议，您可以将样式分开。我通过使用background-position-x和提供了一个小的改进background-position-y

请参阅此处的代码

于 2013-05-08T10:09:24.377 回答