2012-09-24 69 views
1

請看看我在這個jsfiddle上的代碼。爲什麼文本不包裹圖像?我有那裏的word代碼。我把它放在錯誤的地方或什麼?IMG與單詞包裝問題對齊?

Jsfiddle

是使用這兩個詞我的代碼裏面包裹,據我所知......

style="word-wrap: break-all;" 

style="word-wrap: break-word;" 
+0

您的jsFiddle HTML無效,您擁有''等元素以及表示標記(例如'align =「left」')。清理HTML並將所有樣式首先移至CSS文件。 – Dai

回答

0

只是做一個例子給你: http://jsfiddle.net/HBsxK/1/

有綠色和紅色段落的圖像。兩者都是相同的,但段落內的文字是不同的。

上一個(綠色)是你的意思嗎?

下面的問題與你的小提琴有同樣的問題:文本沒有詞語符(空格),也沒有有意義的詞語(瀏覽器如何知道,如何用有意義的方式連字符或斷開,如「dgkl; fgdkl; fdgkl; fgdk; fdgk; dfgskljfdgjkldfgk; dfgsk; dfgskfdgkfgdkl; fgjd; flkgjdfgdfgsdfgjkdfgjdfgdfgdfgjfdgsjf「因爲人類無法知道)。

0

如果我理解你的願望,自動換行完全圍繞形象,我不看不出這是可能的。您可以向左或向右浮動圖像。不幸的是,沒有一個float:center讓你的佈局看起來更像'雜誌'。您需要將文本拆分爲兩個,並與重碼爲喜歡這裏:http://www.alistapart.com/d/crosscolumn/example4.html

+1

這不是我想要的...圖像是左邊,標題沒有頂部,文本到右邊,然後下降到圖像下面 –