当前位置:  开发笔记 > 编程语言 > 正文

div中的CSS自动换行

如何解决《div中的CSS自动换行》经验,为你挑选了4个好方法。

我有一个宽度为250px的div.当innertext比我希望它分解时更宽.div是float:left,现在有溢出.我希望滚动条通过使用自动换行来消失.我怎样才能实现这一目标?

CSS:

#Treeview
{
padding-right: 5px;
width: 250px;
height: 100%;
float: left;
border-right: solid 1px black;
overflow-x: scroll;
}

Jayx.. 105

正如安德鲁所说,你的文本应该就是这样做的.

我能想到的一个实例将以您建议的方式运行,即如果您设置了空白属性.

看看你的CSS中是否有以下内容:

white-space: nowrap

这将导致文本继续在同一行,直到换行中断.

好的,我道歉,不确定是否编辑或之后添加了标记(最初没有看到它).

overflow-x属性导致滚动条出现.删除它,div将调整到包含所有文本所需的最高值.



1> Jayx..:

正如安德鲁所说,你的文本应该就是这样做的.

我能想到的一个实例将以您建议的方式运行,即如果您设置了空白属性.

看看你的CSS中是否有以下内容:

white-space: nowrap

这将导致文本继续在同一行,直到换行中断.

好的,我道歉,不确定是否编辑或之后添加了标记(最初没有看到它).

overflow-x属性导致滚动条出现.删除它,div将调整到包含所有文本所需的最高值.


尝试在元素上使用“ white-space:normal;”以覆盖从其父级继承的“ white-space:nowrap”

2> 小智..:

或者只是使用

word-wrap: break-word;

IE 5.5 +,Firefox 3.5+和WebKit浏览器(如Chrome和Safari)支持.



3> gordon..:

试试white-space:normal;这将覆盖继承white-space:nowrap;



4> Andrew..:

如果没有看到渲染的html看起来像是什么以及哪些样式被应用于treeview div中的元素,那么很难肯定地说,但是立即跳出来的东西是

overflow-x: scroll;

如果删除它会怎么样?

推荐阅读
臭小子
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有