如何定位图片旁边使用CSS

我有问题，有两个div CSS为文本。我的第一个div包含文本，而第二个div包含图像。我需要将图像div放在文本div的右上角。如何定位图片旁边使用CSS

我的DIV结构如下：

<div class="text">text text text .... more text</div> 
<div class="images">image image</div>

我想这archieve：

======================= =

文本文本- 图像 -

文字文字文字文字

======================== =

我illustred这个问题的图像： enter image description here

如何实现这一目标？

来源

2012-04-23 tanyx

不字“问题”的问题标题违法吗？ – CoffeeRain 2012-04-23 15:24:02

Float the image?

<style>.images { float: right; }</style> 

<div class="images">image image</div> 
<div class="text">text text text .... more text</div>

Live Example - 这一实例说明原理。它有更多的风格让它看起来更漂亮，但它没有它们就能运作。玩它，看看我的意思。

来源

2012-04-23 15:23:14

感谢真相。使用float将图像向右浮动，文本向左浮动，这会使两个垂直条，右边的条包含文本，左边的条包含图像。我希望归档的结果是右边的文本，左边的图像以及比图像高的文本会显示下面的图像。这个链接将更好地解释我需要的东西。 [链接]（http://www.freeimagehosting.net/8gpb3） – tanyx 2012-04-23 16:04:14

没有人说飘起了文本到左边，你误会我了。我会很快发布一个例子。 @ user1351358 – 2012-04-24 12:23:19

谢谢，我已经解决我的问题 – tanyx 2012-06-26 15:17:43

如果重新格式化HTML把图像中的文字，您可以在容器内浮动图像和文本会流向周围。

<style> 
    img { float:right; } 
</style> 
<div> 
    <img src="image1.png"> 
    <img src="image1.png"> 
    Lorum ipsum ..... 
</div>

放置图像转换成一个不同的容器装置他们从该文本“”分离，因此文本不能流动。

来源

2012-04-23 16:20:33 GlennG

谢谢。现在我明白了。 – tanyx 2012-04-23 17:57:21

如何定位图片旁边使用CSS

回答

相关问题