CSS：文本在浮動結束時左移+ nonbreakingline問題

我有一個用戶活動將在其中的框。CSS：文本在浮動結束時左移+ nonbreakingline問題

現在我有兩個問題。

第一個是我有一個左浮動元素，當這個結束的時候文本也在左邊。（issue1）

第二個是，如果你鍵入一個非破壞性的單詞/句子，就像eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee它不會打破它，並在下，但允許它去權利，像它不聽指定的寬度。

下面是現場的兩個問題：

http://jsfiddle.net/AB4Ls/5/

請幫助，我怎麼能解決這個問題，爲什麼會出現這種情況？

來源

2010-12-16 Karem

對於第一個問題，設置包含要顯示爲塊的文本的元素，並給它左邊距的浮動元素寬度量。

display: block; 
margin-left: 40px; /* adjust to your needs */

對於第二個問題，檢查此網址：http://perishablepress.com/press/2010/06/01/wrapping-content/ 解釋是長期在此重複。

來源

2010-12-16 20:01:45

工作完美！ +1 – Karem 2010-12-17 14:33:14

第二個問題的解決方案給我另一個問題，我的代碼，請看這裏：http://stackoverflow.com/questions/4480365/css-html-white-space-break-fix-and-now-cant-code -fine – Karem 2010-12-19 09:38:39

我想你是說你希望問題1中的文本不會在你漂浮在左邊的圖像下面迴流。

如果是這樣，只是用div標籤包圍文本並使用display: table-cell。如果你願意的話，這將會在你的文本中出現一個「僵硬的邊界」。

來源

2010-12-16 21:01:04

爲什麼只用css就可以完成更多元素？ – 2010-12-16 21:35:51

如果圖像不恆定，則必須不斷調整圖像標記的左側邊距。這樣，它就可以工作。總是。 – 2010-12-17 03:23:55

其實我誤解了你的評論，@ivan - 你是對的。我應該說「設置顯示：文本容器上的表格單元格」（不管可能是什麼）。 – 2010-12-17 06:02:06

你確定這可能是你有這麼長的話嗎？如果爲true，則可以在顯示它之前使用css3屬性word-wrap或使用php解析單詞。

來源

2010-12-16 21:08:18 MatTheCat

這並不是不合理的 - 一個html編碼的網址會這樣做。 – 2010-12-17 06:00:52

你是對的我沒有注意到^^' – MatTheCat 2010-12-17 08:27:17

CSS：文本在浮動結束時左移+ nonbreakingline問題

回答

相關問題