如何定位圖片旁邊使用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

回答

相關問題