CSS单词在div中换行
CSS单词在div中换行
提问于 2009-02-02 08:09:53
我有一个宽度为250px的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;
}回答 8
Stack Overflow用户
回答已采纳
发布于 2009-02-02 08:24:25
正如Andrew所说，你的文本应该做到这一点。
我可以想到一个实例，它将按照您建议的方式运行，那就是如果您设置了空白属性。
看看你的CSS中是否有以下内容：
white-space: nowrap这将导致文本在同一行上继续，直到被换行符中断。
好的，我很抱歉，不确定之后是否编辑或添加了标记(一开始没有看到)。
overflow-x属性是导致滚动条出现的原因。去掉它，div就会调整到包含所有文本所需的高度。
Stack Overflow用户
发布于 2011-12-07 03:16:22
或者简单地使用
word-wrap: break-word;在IE 5.5+、火狐3.5+以及Chrome和Safari等WebKit浏览器中支持。
Stack Overflow用户
发布于 2017-03-30 04:01:22
尝试white-space:normal;这将覆盖继承white-space:nowrap;
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/502500
复制相关文章
相似问题