Tôi muốn tạo một trang web có cùng sự xuất hiện của Microsoft Word hoặc Acrobat Reader khi mức thu phóng nhỏ và nó hiển thị các trang song song với trang đường viền.Mô phỏng tài liệu nhiều trang trong CSS3
Điều tôi không biết phải làm là định nghĩa một paperborder có kích thước cố định và ném nội dung bên trong nó (sẽ là một số biến của các phần tử khối html) và làm cho các phần tử này "chảy" từ một trang cho người khác, tạo nhiều trang khi cần với các ngắt trang thích hợp. Điều này được thiết kế để mô phỏng đầu ra được in, để tạo mẫu thử nhanh về thiết kế. Một điều gì đó trong tâm trí của tôi nói javascript là cần thiết, nhưng vì kiến thức của tôi về javascript là gần bằng không, và tôi muốn hầu như không học CSS3 thủ thuật bố trí, CSS tinh khiết sẽ được ưa thích (mặc dù giải pháp JS sẽ là một lựa chọn tốt đẹp).
Một tài liệu trang duy nhất hiện nay là như sau:
<!DOCTYPE html>
<html lang="pt-br" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<title>Relatório Html</title>
<style type="text/css">
html, body {
margin:0;
padding:0;
}
body {
background-color: #aaa;
}
.paperpage {
position: absolute;
width: 600px;
padding: 50px 30px 40px 30px;
margin-left: -320px;
left: 50%;
top:10px;
bottom:10px;
background-color: white;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}
#innerpage {
position: relative;
margin: 0 auto;
height: auto !important;
min-height: 100%;
}
</style>
</head>
<body>
<div class="paperpage">
<div id="innerpage">
<p>Some Content</p>
</div>
</div>
</body>
</html>