div中的CSS自动换行

Question

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

<div id="Treeview">
<div id="HandboekBox">
    <div id="HandboekTitel">
        <asp:Label ID="lblManual" runat="server"></asp:Label>
    </div>
    <div id="HandboekClose">
        <asp:ImageButton ID="btnCloseManual" runat="server" 
            ImageUrl="Graphics/close.png" onclick="btnCloseManual_Click" 
            BorderWidth="0" ToolTip="Sluit handboek" />
    </div>
</div>
<asp:TreeView ID="tvManual" runat="server" RootNodeStyle-CssClass="RootNode">
    <Nodes>

    </Nodes>
</asp:TreeView>
</div>

CSS:

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

Answer 1

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

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

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

white-space: nowrap

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

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

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

Answer 2

或者只是使用

word-wrap: break-word;

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

Answer 3

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

Answer 4

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

overflow-x: scroll;

如果删除它会怎么样？