2013-06-03 60 views
0

怎麼能一個文本從一個細胞顯示像ABCDEFGHIJKLMNOPQRSTUVWXYZ更改:
ABC
高清
GHI
...?
我可以隱藏一些文本(abcdef ...),或者使它看起來像一個很醜很長的單元格。 我想這樣做在HTML或CSS。我已經嘗試玩線高度,高度,顯示,...
示例代碼:http://jsfiddle.net/9jwMZ/1/(我指的是消息欄)。
例如,爲什麼不在此代碼工作?:如何更改單元格中長文本的格式?

table.DataTable tr { 
    line-heigth: 100px; 
} 
+0

您需要在文本中添加一些空格,可能使用javascript或從服務器,並刪除'white-space:nowrap '屬性到'td'聲明。問題出在文件路徑上。 – marlenunez

回答

1

看看這個:http://jsfiddle.net/leemeador/9jwMZ/7/

我從這裏的CSS:How to wrap text using CSS?

white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ 
white-space: -pre-wrap;  /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
white-space: pre-wrap;  /* css-3 */ 
word-wrap: break-word;  /* Internet Explorer 5.5+ */ 
word-break: break-all; 
white-space: normal; 

我還取消了對TD的固定寬度和高度固定TR

+0

完全像我想它出現!謝謝! – Nick46879854

1

要強制表格單元格的內容包,適用table-layout: fixed表和word-wrap: break-word到TD。

此外,如果您希望單元格具有固定的垂直高度並在溢出時滾動,請使用overflow: automax-height: 100px將div包含在div中。

這裏的小提琴:http://jsfiddle.net/9jwMZ/6/

+0

謝謝!這是一個很好的解決方案!不能upvote噴射雖然... – Nick46879854

相關問題