में मल्टीपाज दस्तावेज़ अनुकरण करें मुझे एक वेब पेज बनाना बहुत पसंद है, जो ज़ूम स्तर छोटा होने पर माइक्रोसॉफ्ट वर्ड या एक्रोबैट रीडर की समान उपस्थिति होगी और यह पेज के साथ साइड-बाय-साइड पेज दिखाता है सीमाओं।CSS3
मुझे क्या नहीं पता कि एक निश्चित आकार पेपरबॉर्डर को परिभाषित करना और इसके अंदर सामग्री को फेंकना (जो HTML ब्लॉक तत्वों की एक चर संख्या होगी), और इन तत्वों को एक पृष्ठ से "प्रवाह" बनाना है दूसरे के लिए, उचित पेज ब्रेक के साथ आवश्यक पृष्ठों को उतना ही बनाना। यह त्वरित डिजाइन-अध्ययन प्रोटोटाइप के लिए, मुद्रित आउटपुट अनुकरण करने का इरादा है।
मेरे दिमाग में कुछ जावास्क्रिप्ट आवश्यक होगा, लेकिन चूंकि जावास्क्रिप्ट का मेरा ज्ञान शून्य के करीब है, और मैं शायद ही कभी CSS3 लेआउट चाल सीखना चाहता हूं, शुद्ध सीएसएस को प्राथमिकता दी जाएगी (हालांकि जेएस समाधान एक अच्छा विकल्प होगा)।
एक मौजूदा एक पृष्ठ दस्तावेज़ इस प्रकार है:
<!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>