2012-02-24 84 views
1

我有一個簡單的問題令我瘋狂,我試圖圍繞圖像換文本,並且在除IE之外的每個瀏覽器中都能正常工作。由於圖片比較大,因此以下段落從圖像底​​部開始。看看照片。用於對準畫面IE中的圖像周圍環繞文字的問題

mg.centered, .aligncenter, div.aligncenter { 
display: block; 
margin-left: auto; 
margin-right: auto; 
} 

img.alignright { 
    padding: 4px; 
    margin: 0 0 2px 7px; 
    display: inline; 
    float: right; 
    } 

img.alignleft { 
    padding: 4px; 
    margin: 0 7px 2px 0; 
    display: inline; 
    float: left; 
    } 

回答

0

image-wrapping

CSS嘗試採用以下到您的圖像:

display: inline-block; 
zoom: 1; /* IE7 hack */ 
*display: inline; /* IE6 hack */ 

不能應用paddingmargininline元素。

+0

CSS黑客的推薦必須與警告類似:「這不是有效的CSS」和「最好爲此使用單獨的樣式表並使用條件註釋來包含樣式」。 – rcdmk 2012-02-24 20:55:41