我目前有一個左側浮動的圖像和一個停留在其右側的文本塊。該文本塊不是當前浮動的,它只是在HTML中的圖像之後。所以當它變得更長時,它最終會在圖像的左側開始繼續。保持文字環繞浮動圖像
我該如何使文本塊始終保持在圖像的右側,因此圖像和文本的行爲像兩個並排的列?請記住,除了這兩個元素之外,我什麼也做不了。我無法在它們周圍添加包裝。我可以在之前,之間或之後添加元素。但不在身邊。
謝謝。
我目前有一個左側浮動的圖像和一個停留在其右側的文本塊。該文本塊不是當前浮動的,它只是在HTML中的圖像之後。所以當它變得更長時,它最終會在圖像的左側開始繼續。保持文字環繞浮動圖像
我該如何使文本塊始終保持在圖像的右側,因此圖像和文本的行爲像兩個並排的列?請記住,除了這兩個元素之外,我什麼也做不了。我無法在它們周圍添加包裝。我可以在之前,之間或之後添加元素。但不在身邊。
謝謝。
FIXED ANSWER
只是浮於文字以及。 :)
#image
{
background-color: #09C;
float: left;
height: 200px;
width: 200px;
}
#text
{
float: left;
width: 400px;
}
http://jsfiddle.net/JtdsH/3/ - 沒有辦法。 – user1729506
是的,我的壞。我誤解了這個問題。 – Nathanael
N/P。感謝更新! – user1729506
如果可能,嘗試設置固定的寬度和對齊文本
p
{
width:1000px;
display: table-row;
}
http://jsfiddle.net/JtdsH/4/ - 謝謝! – user1729506
不客氣:) – Morpheus
我其實不推薦這個。它在某些較舊的瀏覽器上不起作用,並且可能會根據其他元素提供意想不到的結果。 – Nathanael
代碼示例,代碼示例,代碼示例! –
http://jsfiddle.net/JtdsH/2/ – user1729506