2013-01-23 42 views
0

在一個新的項目中,我收到了一些意想不到的行爲:當側邊欄非常小(大約200px)時,換行符會比需要的更早發生。意外的與css的換行符

在這個圖像上,你可以看到結果(Safari 6.0.2,其他兄弟中的結果類似),單詞所在的左箭頭,單詞所在的右箭頭(在我看來)。 example http://fitzskoglund.jensravens.de/screen.jpg

你可以找到整個網站http://fitzskoglund.jensravens.de來看看效果和CSS。

我無法附加特殊片段,因爲我不知道此風格或行爲來自何處。

在此先感謝您的任何建議。

+1

在谷歌瀏覽器中,您可以右鍵單擊並選擇檢查元素以找出風格的來源。 –

+0

在我看來,這是你的字體。如果我檢查元素,並刪除CSS中的'font-family'聲明,它可以正常工作。 – Martin

回答

1

它似乎是缺乏一個「空間」打破。當我將在本月底的空間...

<strong>SCHULD SIND IMMER DIE ANDEREN </strong> 

...或者這個詞之前(下面的<a>包裹<strong>)...

ausgezeichnet 

...它似乎工作。

+0

'ausgezeicgnet'這個詞前面是不間斷空格(而不是空格)。這就是爲什麼換行不能在那裏發生的原因。 – Pavlo

0

它看起來像是發生在一行中的第一個空格被視爲;nbsp,它被打印,就好像沒有空白。這導致兩個結束單詞被視爲一個。如果要在第一個單詞的前面放置單個字母,例如「a」,它可以工作,或者在任一行中放置第二個空格。

0

它看起來像它有你的錨和強大的標籤風格的方式。他們以一種奇怪的方式與周圍的文本互動,導致它分裂。當我檢查並刪除錨點(「ausgezeichnet」)後的文本時,錨文本會回到原位:http://screencast.com/t/G1imlavU。我會刪除你所能做的,並儘可能簡化標記。