Question

HTML里的一块区域（比如div或P）要显示一些文字内容，怎么判断该区域是否被填满了？

从后台过来的大字段，几万字，我这边显示的时候要在一个弹出框分页显示，控制每页显示1300字，
在这个基础上分页显示，现在问题是如果内容全是中文就刚好填满，如果内容是英文就每页只填满一半，
怎么让浏览器自动调整显示的字数从而始终把该区域填满再分页？·





Answer 1

你的内容的div

.content {
    overflow: hidden;
}

然后点击下一页的时候，用Javascript控制.content的scrollTop为.content的高度*页数就行了。

追问

这个方法能解决但是好像要用滚动条实现分页，我现在是在一个弹出框里显示内容，不想用滚动条，就是翻页后把当前td的内容清空然后把下一页的内容填充进来，请看图片

追答

scrollTop不需要滚动条呀。但是不能用td，只能用div。

追问

我现在还要计算总页数   请问用scrollTop能实现不？

追答

可以，把内容塞入之后，拿到div的offsetHeight。
然后拿offsetHeight/视窗高度，就是页数了。取Math.ceil向上取整。

Answer 2

高度不要写死，用min-height试下，高度随着填充内容高度而变化

追问

弹出框的高度我不想改变因为现在的长宽是800*600看起来比较好看 有没有什么办法能在不改变容器大小的情况下 知道它是不是被填满了 应该有这种办法的吧 不然div的高度为什么会随着内容的填充自动增加，它应该是自动自己被填满了 我就是想知道怎么判断容器当前是不是被填满了

Answer 3

给个DIV定个宽高，溢出的内容下一页

Answer 4

用js控制字符函数

追问

我现在就是这样做的，问题是同样是1300字，英文显示出来是中文体积的一半。导致页面下面空白

追答

你只能以中文为标准，然后设置div的高度为自动即可，高度自动是，你有多少内容就多高，不会像固定那样留白

追问

弹出框的高度我不想改变因为现在的长宽是800*600看起来比较好看 有没有什么办法能在不改变容器大小的情况下 知道它是不是被填满了

追答

判断为英文内容时改变行高