javascript - 我如何让溢出的内容转移到新的 div 中？

Question

我正在尝试让内容看起来像页面，类似于查看 pdf，但实际上并没有制作 pdf。所以基本上，我有一个样式如下的 div:

.page {
    background: white;
    width: 8.5in;
    height: 11in;
    box-shadow: 3px 2px 10px #444;
    margin: auto;
    padding: .5in;
}

我知道 css 可以设置在 div 中发生溢出的情况(隐藏它、滚动它等)。有没有一种简单的方法可以使 overflow 出现在一个新的、样式相似的 div 中？或者也许是一个可以做到这一点的图书馆？

Answer 1

恐怕您不能仅使用 CSS 来完成此操作——如果您对内容的外观有一个很好的了解，则需要使用 JavaScript(或其他一些服务器-side templating) 将您的内容分解为 div； CSS 不能为你做这件事。您如何填充您正在设置样式的页面？我建议在设置样式之前将其分解为 div 元素，但我不知道这是否实用。

此外，就其值(value)而言，它是 not recommended对可以在客户端更改的内容使用诸如“英寸”之类的绝对测量值，用户可以在客户端自由更改字体、大小、边距等等。页面对于不同的用户来说会有所不同；您所要做的就是放大页面，以查看事物在不同“放大率”下的移动方式。

网页上的“英寸”在现实生活中并不会真正转化为“页面”——人们会打印出来，还是只是像一张纸一样在线查看？如果他们不打印它，您可以根据自己的喜好设计样式，这样会简单得多。