2017-07-16 69 views
1

我有一個主要適用的響應式設計。圖像在他們自己的DIV中,並且div向左或向右漂移。圖像的標題是在div中,所以他們留在圖像。默認情況下圖像的div寬度設置爲30%如何浮動圖像而不堆疊它們?

如果我在連續的div之間放置了足夠的文本,我會得到一個令人愉快的顯示,文字環繞圖像。

如果圖像太靠近了,但是它們會堆疊起來,最後我會看到兩個圖像彼此相鄰並且有一小段文字。

「清除」的使用也消除了文本。

有沒有辦法浮動一個div使:

  • 文本圍繞它流動。
  • 即使名義上有空間,第二張圖像也不會與其相鄰。

實質上,我想浮動一個圖像,但確保它是齊平的左邊距,而不是其他的東西。

在這一點上,我的過程是嘗試在多個有效寬度的每一頁,並添加更多的文本/移動div根據需要。這相當耗時。我期望有一點時間我會發現我需要DIVS之間的X個字,

在某些情況下,我會在單個DIV中堆疊多個圖像。這適用於相關圖像。

http://sherwoods-forests.com/2col.css

+1

能否請您添加代碼的例子嗎? –

回答

0

把浮動:這個問題一個頁面的左右上下頁的方式:爲網站

http://sherwoods-forests.com/Trees/Leaf_Trees/Poplars/Columnar_Poplars.html

CSS文件3/4

例圖像DIV 分爲文本容器,而不是作爲文本容器的兄弟。這樣文字應該浮在上面,並且不會受到其中一個圖像DIV中的clear的影響。

如果不工作,你必須發佈您的代碼 - 這一般的回答是我能給你沒有實際的代碼...