我有一个宽度为250px的div。当内部文本比那更宽时,我希望它分解。div是float:左侧,现在有一个溢出。我希望滚动条通过使用自动换行而消失。我怎样才能做到这一点?
<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; }
正如安德鲁所说,您的文字应该就是这样做的。
我可以想到有一个实例会按照您建议的方式运行,也就是说,如果您设置了whitespace属性。
看看您的CSS中是否没有以下内容:
white-space: nowrap
这将导致文本继续在同一行上,直到被换行符中断为止。
好的,我很抱歉,不确定以后是否编辑或添加了标记(一开始没有看到)。
溢出-x属性是导致滚动条出现的原因。删除它,div将调整到包含所有文本所需的高度。