1

テキストを画像の周りにラップしようとしていますが、何らかの理由でそうではありません。

どのように見えるかを示す画像 .

CSS:

.historyimage {
   float: right;
   margin-top: 260px;
   padding: 10px;
}

本当にありがとう！

4

4 に答える 4

2

履歴ブロックの最初の段落について話している場合、そのスペースはmargin-top画像によって占められます。したがって、最初の段落はそのスペースを使用できません。

2 番目の段落だけを画像の周りに折り返す場合は、HTML コードに次のように記述します。

  • あなたの最初の段落
  • あなたのイメージ
  • あなたの第二段落

そして、それを削除しmargin-topます。

于 2013-02-03T18:20:17.527 に答える
0 
<div id="container" style="width: 200px;">
    <div id="paragraph1">paragraph 1 text</div>
    <div id="image" style="float: right; width: 50px;">testing testing testing</div> <!-- you would put your image here. float this to the right, no margin -->
    <div id="paragraph2">paragraph 2 text paragraph 2 text paragraph 2 text paragraph 2 text paragraph 2 text paragraph 2 text </div>
</div>
于 2013-02-03T19:08:56.537 に答える
0

画像をテキストの下部に配置する場合、最も簡単な方法は、画像を表示したい場所に img コードを挿入することです。

画像の位置の詳細については、http://jsfiddle.net/qh4br/1/を確認してください。

stakoverflow の不適切な使用で申し訳ありません。これは私の最初のエントリです... コードの適切なバージョンは jsfidle ページにあります...

<div class="right-side">
 Nullam consectetur, elit sit amet interdum lobortis, urna sapien eleifend arcu, at imperdiet est lacus a neque.
 <img src="http://image1.masterfile.com/em_w/00/60/67/700-00606730w.jpg" width="50" />
Nam blandit mi tortor. Nullam pellentesque facilisis leo in aliquet. Nullam consectetur orci eu ligula laoreet molestie. Nam quis augue enim, ut euismod enim. Integer sit amet consectetur felis. Nam turpis lorem, dictum vel semper ac, rhoncus in metus. 
</div>
于 2013-02-03T19:42:18.423 に答える
0

これを試してみてください...おそらく必要なもの...

アップデート

これを試してみてください...

.historyimage {
    float: right;
    top: 260px;
    padding: 10px;
}
于 2013-02-03T18:20:37.857 に答える