無法將範圍正確顯示爲塊？

我想讓我的跨度在溢出時開始新行;這似乎很微不足道，但我似乎無法使其工作。無法將範圍正確顯示爲塊？

我知道它是默認的內聯，所以我試圖設置它阻止。我曾嘗試更改css顯示，以及應用clear: both以防外部CSS影響它，但仍無法正確顯示它。我已經提出了一個小提琴來顯示我的問題：http://jsfiddle.net/QUpPn/

謝謝。

2013-01-23 Ari

爲什麼下投票，我看不出有什麼問題，這個問題 –

你應該表現出的實際文本內容，而不是sdfsdfsdfsdfsdfsdffsdfsdfdsfsdfsdfsdfdsfsdfsdfsdfsdfdsf一個例子。正確答案取決於內容。沒有透露真實的內容，你可能會得到蛇油答案。 –

@ JukkaK.Korpela嗯，我已經意識到現在 - 首先是造成我的錯誤的原因，所以我不太可能重複它。學習意味着認識你的錯誤！ – Ari

這不是範圍的問題。使用自動換行：斷字;爲此。像這樣寫：

#test { 
    background-color: #ccc; 
    width: 100px; 
    display: block; 
    clear: both; 
    word-wrap:break-word; 
}

2013-01-23 07:01:57 sandeep

好拍;我的實際文本將包括空格，但我只是用它作爲測試的前兆。也許我應該從現在開始在我的測試中使用空格！無論如何，換句話來說很有用;謝謝！ – Ari

只是簡單地添加word-wrap:break-word;您#test類。

也可以使用text-align:justify;使文字更好看。

jsFiddle Live Demo

2013-01-23 07:03:38

回答