2011-05-18 63 views

回答

0

使文本和圖像塊元素放在一邊:

img, p { 
    display:block; 
} 
0

嘗試在兩個浮動指定寬度divs,使它們加起來小於100%。

+0

我無法爲照片大小設置不同,文字應該適合。 這些照片可以具有(x 460像素的1像素)的460像素的最大寬度 – ridermansb 2011-05-18 03:07:15

0

width:50%; 

.left類(除非別處使用它)


或者,也可以設置一個類用於每個格,並設置爲每一個不同的寬度。

最重要的是,這兩項的總和不超過他們的父母(#content)的寬度。

+0

保持相同。照片仍在文字上方。 – ridermansb 2011-05-18 00:42:28

+0

嘗試將其設置爲40%,並讓我們知道發生了什麼。 – 2011-05-18 00:44:41

+0

@Riderman,更新了答案(*我看到你使用嵌套在其他'.left'元素中的'.left'類。*)。使用第二個選項並在每個div中添加一個類,並通過這些選項設置寬度。 – 2011-05-18 00:46:00

0

它看起來並不像你就可以從圖像拉淺灰色<span>了,因爲它是像父容器的一部分。

float:left; width:200px添加到您的<div class=left>容器中將所有內容都放在圖片的右側...沒有灰色<span>元素。

是否有可能爲你重構代碼 - 移動該<span><div class="left">