+ -
当前位置:首页 → 问答吧 → 请教关于jquery.treeview内容换行问题,如何解决。

请教关于jquery.treeview内容换行问题,如何解决。

时间:2010-02-28

来源:互联网

目前情况见图片,请达人指点如何处理,谢谢!
内容换行

作者: hyacinthghj   发布时间: 2010-02-28

你可以用火狐看下这个节点的css, 它的white-space为默认的normal, 也就是说 会换行
解决的方法就是 在它的css文件jquery.treeview.css里面的 倒数第四行
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
改成:
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; white-space: nowrap;}



white-space : normal | pre | nowrap
取值:
normal    :     默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行
pre    :     换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ,此属性可以使用,但是不会发生作用。结果等同于 normal 。参阅 pre 对象
nowrap    :     强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。参阅 noWrap 属性

作者: delicatemoon   发布时间: 2010-04-15