Question

例如，我不希望在“Ca”中切出“Call”这个词 ll“，但我想申请'white-space：wrap;'

//'float:left;' it place the text next to the image.
<div style="float:left;"><img  src="img.jpg" /></div>
<div style="color:gray;word-wrap:normal;white-space: wrap;">Why my text is sli
ced. </div>

Answer 1

这可能是您正在寻找的规则，但请查看它与其他款式的结合方式。

word-break: keep-all;

其他值是正常的（仅在空格和连字符处断开）和break-all（该行将在任何字符处断开）

<div style="color:gray;word-wrap:normal;white-space:wrap;word-break:keep-all;">
    Why my text is sliced.
</div>

另一方面 - 在你的问题中，你实际上在单词中有一个换行符 - 浏览器无法知道这不是两个单词，并且如果需要，它总是会在那里打破。您是否正在将文本换行到新行时从文档中粘贴文本？

CSS - 不允许对单词进行切片

1 个答案: