0


セル内の abcdefghijklmnopqrstuvwxyz のように表示されるテキストをabc
def
ghi
...に変更するにはどうすればよいですか?
テキストの一部(abcdef ...)を非表示にするか、非常に醜い長いセルとして表示することができます。HTMLまたはCSSでそれを行いたいと思います。私はすでに行の高さ、高さ、表示などで遊んでみました...
コード例: http://jsfiddle.net/9jwMZ/1/ (メッセージ列を参照しています)。
たとえば、このコードが機能しないのはなぜですか?:

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

2 に答える 2

1

テーブル セルの内容を強制的に折り返すtable-layout: fixedには、テーブルとword-wrap: break-wordtd に適用します。

さらに、セルの垂直方向の高さを固定し、オーバーフローしたときにスクロールしたい場合は、 td の内容をoverflow: autoおよびで div にラップしますmax-height: 100px

これがフィドルです:http://jsfiddle.net/9jwMZ/6/

于 2013-06-03T22:26:47.183 に答える
1

これを見てください:http://jsfiddle.net/leemeador/9jwMZ/7/

ここから CSS を取得しました: 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 の固定高さを削除しました

于 2013-06-03T22:26:54.970 に答える