html - 当我对 div 标签使用 css 样式时如何防止断字？

Question

大家好，我是 CSS 样式的新手，

当我使用下面的代码时，完整的单词被分成两个单词并移动到下一行，我没有得到段落样式完整的文本。

<div style="float:left; display:block;  word-wrap:break-word; width: 250px">                                                                   
<asp:Label ID="bodyLabel" runat="server" Text=""></asp:Label>  
</div> 

这里我在运行时将邮件消息绑定(bind)到标签。

如何在不拆分单词的情况下应用内容时自动换行。

谁能建议如何实现这个？

提前致谢

Answer 1

我认为您需要从样式中删除 word-wrap:break-word。那是打破你的话。编辑以使您的文本换行，您可以将段落或包含的 div 的宽度设置为特定大小

例子:

宽度:400px

更新:

<div class="text">
    <asp:Label ID="bodyLabel" runat="server" Text=""></asp:Label>
</div>

CSS:

div.text {
   float:left; width: 250px; white-space: normal;
}

我不确定 asp 是如何呈现的，我假设它变成了一个标签

div.text label {
   display:block; width: 100%;
}