2012-02-24 15 views
1

私は夢中になっている単純な問題があります。画像の周りにテキストを折り返そうとしています。IE以外のすべてのブラウザで正常に動作します。画像は段落よりも大きいので、次の段落は画像の一番下から始まります。写真を見てください。IEの画像の周りにテキストを折り返す問題

image-wrapping

あなたのイメージに次を適用してみ

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

を画像を整列させるために使用CSS:

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

あなたはinline要素にpaddingmarginを適用することはできません。

+0

CSSハックの推奨事項には、「これは有効なCSSではありません」、「これを分離したスタイルシートを使用して、条件付きのコメントを使用してスタイルを反映させる方が良い」などの警告が必要です。 – rcdmk

関連する問題