div 中的 CSS 自动换行

Question

我有一个宽度为 250 像素的 div。当内部文本比我希望它分解时更宽。 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 将调整到包含所有文本所需的高度。