2011-03-04 26 views
1

所以我有一個問題,我想不出一個修復它。表與長字符串太過擴展,並不會去新線

林處理的情況下用戶可以發表評論,並顯示在一個表中。此表的寬度由100%設置,並與網站的設計非常適合。但是,如果用戶發佈與有很多人物
(ex: mynameisblahblahaaaaa!!!!!!!!!)
表將超過它的容器,以適應長字符串的話評論。對於正常大小的文字,它只能達到100%的寬度並下降到新的一行。

我知道我可以做一個固定的表格的寬度,但會涉及使用像素而不是,但我覺得用像素會弄糟奇數尺寸瀏覽器網站...

有有任何解決這個問題的方法嗎?

Here是的,我說的是什麼一個例子:

+1

哦,親愛的上帝,沒有人!不是基於局部表格的佈局... *流淚 – Zoidberg 2011-03-04 02:51:34

+0

意見...擺脫所有表格。表格是爲了顯示數據,而不是爲了別的。有些人可能會認爲評論是數據,但我認爲使用DIVS可以更好地展示這些內容而不是表格。 – Zoidberg 2011-03-04 02:53:33

+0

我想你需要結合這裏給出的前兩個答案:嘗試使用'table-layout:fixed'和'word-wrap:break-word'。 – thirtydot 2011-03-04 02:57:35

回答

3

您可以使用CSS word-wrap屬性設置爲word-wrap: break-word指示瀏覽器打破之間話。

此外,不要使用一個表,你在做什麼 - 表僅用於表格數據。

1

你需要設置table-layout:fixed在你的CSS