webmail客戶端截斷內聯樣式

Question

某些webmail客戶端會截斷內聯樣式中的空格。例如該代碼

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; 

你有什麼想法如何避免這種情況？可能類似於「& n b s p;」 ？

歡呼聲， 梅奧

Answer 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/

Answer 2

正如我之前推薦的，你可以分離的樣式。我用background-position-x和background-position-y

See the code here