1

我试图将我的文字包裹在图像周围，但由于某种原因它不是。

图像显示它的样子 .

CSS：

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

非常感谢！

4

4 回答 4

2

如果您在谈论历史记录块的第一段，则该空间由margin-top您的图像占用。所以第一段不能使用那个空间。

如果您只希望第二段环绕图像，请在 HTML 代码中输入：

  • 你的第一段
  • 你的形象
  • 你的第二段

并删除它margin-top。

于 2013-02-03T18:20:17.527 回答
0

试试这个......也许你需要什么......

更新

试试这个...

.historyimage {
    float: right;
    top: 260px;
    padding: 10px;
}
于 2013-02-03T18:20:37.857 回答
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 回答