句子在div的末尾显示一半，溢出：隐藏正在削减句子

Question

不知道如何解释这个。我们来看看这张照片

请参阅！有些文字显示分歧。我用溢出隐藏属性。我把整个字符串切成200个字母。然后将它放在div中。这是动态的。当有人在段落中添加额外的或换行符时会出现问题。然后发生这种情况谁能告诉我如何制止这个？这些半句不应该在那个div中出现。是否有任何系统或财产可以阻止这种情况？

Answer 1

首先，您需要删除div的任何固定高度，可能会将其替换为最小高度。

其次，你应该设置属性overflow：none，以避免渲染切割div的内容，而不是将其扩展到所需的大小。

Answer 2

使用white-space: nowrap;为你的div显示一行中的文字。这样，它会隐藏你固定宽度的div中的额外文本，因为你隐藏了溢出

检查这是否为ref：
http://css-tricks.com/almanac/properties/w/whitespace/
https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
http://www.w3schools.com/cssref/pr_text_white-space.asp

Answer 3

您甚至可以尝试overflow: scroll。无论你有多少内容，你都可以随时滚动。