如何将溢出内容转移到新的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中溢出的内容（隐藏它，滚动它等）。是否有一种简单的方法可以在一个新的，类似风格的div中出现溢出？或者也许是一个可以做到这一点的图书馆？

Answer 1

你不能只使用CSS来做这件事，我很害怕 - 如果你对你的内容有什么样的了解，你就需要使用JavaScript（或其他一些服务器端模板）将您的内容分解为div; CSS无法为您完成。你如何填充你的造型页面？我建议您在之前将其分解为div元素，但我不知道它是否实用。

另外，对于它的价值，not recommended使用绝对测量，例如＆＃34;英寸＆＃34;对于可以在客户端更改的内容，用户可以自由更改字体，大小，边距等等。页面看起来与不同的用户不同;所有你需要做的就是放大页面以查看事物在不同的放大倍数下如何移动。＆＃34;

＆＃34;英寸＆＃34;在网页上不会真正翻译成＆＃34;页面＆＃34;在现实生活中 - 人们会打印这个，或者只是像一张纸一样在网上查看？如果他们没有打印它，你可以随心所欲地设计它，这会更简单。

Answer 2

试试这个：

.page {
  width: 45em; 
  word-wrap: break-word;
}