2014-04-10 64 views
1

Huge space between words when wrappedCSS自動換行導致的話

嗨之間巨大的空間!當窗口被調整大小時,文本會自動包裝以適合其容器。對於這一點,我使用這個CSS代碼:

article { 
    overflow: auto; 
    word-wrap: break-word; 
} 

雖然它似乎,這沒有任何效果可言。當我刪除這段代碼時,行爲不會改變:文本仍然被包裹在行尾附近。

我在抱怨單詞之間的巨大差距。我觀察了一些沒有使用額外代碼的網頁,它仍然很好地工作。你能幫我擺脫空間嗎?謝謝!

+4

你碰巧有'的text-align:justify'定義別的地方? –

+0

你的行高是多少? – Lowkase

+1

看起來像text-align:justify從父母觸發,也許?無論如何,您可以將其重置爲text-align:left。自動換行:打破字;如果它不在單一行上,只能打破單詞 –

回答

2

我同意text-align: justify已經從父html標記繼承。 您也可以嘗試修改CSS如下:

article { 
    overflow: auto; 
    word-wrap: break-word; 
    text-align: start; 
} 
1

正如評論article提到的似乎是繼承text-align: justify;。這裏有一個方法來固定取向:

http://jsfiddle.net/awesome/zs394/2/

article, .unjust { 
    /* regular */ 
    text-align: left; 

    /* super strength */ 
    text-align: left !important; 
}