CSS 2.1：自動換行內部事業部

的問題是內部的div文字並不僅限於股利。它打破了div並且寫了。我們如何使用以下功能將文本包裝到div本身中？

•全文將是可讀的

•它不會打破DIV

是否有CSS 2.1使用它的方法嗎？我相信Word-wrap是CSS 3.0的特色。

注：我有寬度定義爲寬度：100px;和寬度：30px;對於第一個和第二個div

注意：span由ASP.Net Label控件生成。因此我們不能更改/替換範圍。問題是使用CSS解決。

<span id="detailContentPlaceholder_Label1">25123456789</span>

enter image description here

參考：

2012-09-12 Lijo

可能重複的[CSS div中的word包裝]（http://stackoverflow.com/questions/502500/css-word-wrapping-in-div） – Buggabill

這不是重複的。這個問題在使用CSS 2.1 – Lijo

你需要支持多久瀏覽器？ Word-wrap支持IE 5.5+，Firefox 3.5+和WebKit瀏覽器，例如Chrome和Safari。 – Buggabill

word-wrap: break-word;是你的朋友。看到你的updated JSFiddle。

2012-09-12 12:25:08

這是完美的 – Sowmya

請參閱http://stackoverflow.com/questions/1258416/word-wrap-in-a-html-table太 – Lijo

@Lijo：從技術上講，這不是CSS2.1;這完全是非標準的。但考慮到這個問題，我想「CSS2.1」在這裏真的意味着「支持IE6 +」 – BoltClock

you add change width:35px then work properly 

    .fixedColumnValue{ 
     width:auto; 
    }

2012-09-12 12:32:28 ram

這不起作用。我需要爲div確定的寬度。 – Lijo

您的意思是word-wrap: break-word？

（編輯：哎呀，沒有看到其他的答案）

2012-09-12 12:35:04 Roman

有沒有辦法讓CSS2.1？我在Visual Studio 2010中收到警告。 – Lijo

我發現有點怪怪的約word-wrap只有正確的CSS的width性質的作品。

這是我準備好的working demo。

我知道它太晚了，但它可以幫助別人！

2014-01-31 10:11:59

回答