0

ページの右側に写真を入れてみました。問題は、その近くにテキストがあり、一部のブラウザーでは画像がテキストを隠していることです。<img>属性に次の CSS を使用します。

.imgP
{
position:relative;
top:10px;
right: 10px;
float:right;
}

テキストは次の要素です。

<p> bla bla bla... </p>

テキストが画像の近くに自動的に移動するようにするには、どうすれば変更できますか?

4

1 に答える 1

1

画像のテキストラッピングを達成しようとしていると思います。

これを行うための原則は単純です。

次のような HTML マークアップを作成します。

<img src="myimage.jpg" alt="" class="imgP" />
<p>My Paragraph text which will wrap around the image...</p>

テキストが画像をラップするようにするには、画像を右にフロートさせます:

.imgP
{
   float: right;
}

フロートを使用すると、画像が置かれている水平方向の間隔が崩れ、テキストがその領域を埋めます。

于 2013-03-29T21:36:10.003 に答える