Question

大家好我是新手使用css样式，

当我使用下面的代码时，完整的单词会分成两个单词，并且正在移动到下一行，我没有得到完整的文本。“/ p>

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

这里我在运行时将邮件绑定到标签。

如何在应用内容时自动获取文本换行而不拆分单词。

有人可以建议如何实现这个吗？

提前致谢

Answer 1

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

示例：

width: 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%;
}

Answer 2

听起来你想要white-space属性，例如：

.myTextClass {
    white-space: normal;
}

更新：从您刚刚发布的代码判断，您也可能希望摆脱word-wrap样式。

Answer 3

CSS2有许多属性，用于定义文本段落的布局方式：

white-space指定如何处理元素内的空白
word-spacing增加或减少文字中单词之间的空格
line-height设置行高
text-align指定文字的水平对齐
text-indent指定文本块中第一行的缩进

实际上，文本的默认行为是包装并在整个单词上拆分。为确保这一点，您可以设置white-space:nowrap，但我不确定您是否需要这样做。

您所描述的行为很可能是由代码中的word-wrap:break-word属性引起的。 word-wrap属性由Microsoft发明并添加到CSS3中。它允许长字可以被打破并包裹到下一行。

您已经定义了长字可以在它们不适合时简单地分成两半。从style属性中删除此规则将返回默认行为。如果不是，您可以将规则更改为word-wrap:normal以确定。

当我使用css样式到div标签时，如何防止单词破坏？

3 个答案: