html - Html 和 div 问题

Question

我需要将 html 动态加载到 div 容器中，这种被称为溢出的 div 容器样式是隐藏的，我通过放置下一个和上一个按钮来导航到下一页和上一页来查看内容。但问题是内容显示在开头和结尾行在 div 中重叠。

CSS

内容{

            width: 95%;
            height: 200;``
            overflow: hidden;
            position: relative;

}

<div id="content"></div>

使用 jquery，我将内容加载到 div

$("#content").load("../page/index.html");

它成功加载了内容。但问题是一半的单词显示在顶部，其余的单词显示在最后。那么有什么方法可以截断这个问题。

单击此链接进行演示http://jsfiddle.net/maheshkumar1983/gMfS8/1/

谢谢

Answer 1

我们必须使用 css 属性 multicolumn 来解决这个问题。当页面溢出时，它将自动附加到文本的下一列。