我一直在使用溢出滚动来显示文本。我意识到溢出属性可以检测数据何时大于适合。我需要填充一个 div 元素，然后是另一个，依此类推，直到所有数据都设置在页面中。休息不能打破一个字。只会显示一页/ div：块；其余的将显示：无；
允许数据显示在多个 div 页面上的最佳方法是什么？
问问题
1691 次
2 回答
0
Ali 使用 CSS 来解决这个问题是正确的，但您应该使用 CSS word-wrap 属性来轻松实现溢出内容的所需效果，如下面的 Ali 示例编辑。
<div style="height:auto; min-height:50px; width:50px; word-wrap:break-word;">testing<div>
现在所有主要浏览器都支持 word-wrap 属性。
同样如上所示，如果您想确保所有文本都显示并在正确的位置换行，则将您的高度 CSS 更改为 'height:auto; 最小高度：50 像素；'。这将允许 div 扩展高度以显示通常会隐藏的任何溢出，只需定义一个固定高度，同时尽可能保留 50px 的首选大小，并保留所需的自动换行而不破坏中间的单词。
这不起作用的唯一例外是，如果一个单词长到比包含 div 的宽度长，在这种情况下，它将在继续下一行的单词。
尽管遇到这个问题，但它必须是一个非常长的词。如果您像示例中对高度所做的那样对宽度属性使用 auto ，它将通过允许 div 的宽度更改来解决分词问题，尽管在页面布局中通常更重要的是限制宽度比一个高度。
于 2013-09-07T00:20:14.380 回答
0
为什么不为此目的使用 css？
<div style="height:50px; width:50px; overflow:hidden">testing</div>
于 2013-09-06T15:13:24.747 回答