Question

我一直在使用溢出滚动来显示文本。我意识到溢出属性可以检测数据何时大于拟合。我需要填充一个div元素，然后填充另一个，依此类推，直到所有数据都在页面中设置。休息不会破坏一个字。只显示一个页面/ div：block;其余的将显示：无;

允许数据在多个div页面上显示的最佳方法是什么？

Answer 1

为什么不将css用于此目的？

<div style="height:50px; width:50px; overflow:hidden">testing</div>

Answer 2

Ali正确地使用CSS来解决这个问题，但是您应该使用CSS自动换行属性轻松实现溢出内容所需的效果，如下面编辑Ali的示例。

<div style="height:auto; min-height:50px; width:50px; word-wrap:break-word;">testing<div>

现在所有主流浏览器都支持自动换行属性。

同样如上所示，如果您想确保所有文本显示以及包装在正确的位置，那么将您的身高CSS更改为'height：auto;最小高度：50像素;”。这将允许div在高度上展开以显示通常只是定义固定高度的任何溢出，同时保留首选大小为50px（如果可能），并保留所需的自动换行不会破坏中间的单词。

唯一不合适的例外是，如果一个单词的长度超过包含div的宽度，在这种情况下，它会在最后一个符合行的字符处打破长单词在继续下一行的话之前。

虽然遇到这个问题，但这是一个非常冗长的词。如果你在宽度属性中使用auto作为高度的示例，它将通过允许div的宽度更改来修复分词问题，尽管在页面布局中通常更重要的是限制宽度比高度。