এইচটিএমএল পৃষ্ঠা মুদ্রণের সময় মার্জিন
উত্তর:
আপনি মুদ্রণের জন্য নির্দিষ্ট করার সময় আপনার cmবা mmইউনিট হিসাবে ব্যবহার করা উচিত । পিক্সেল ব্যবহারের ফলে ব্রাউজারটি এটি স্ক্রিনের মতো দেখতে অনুরূপ কিছুতে অনুবাদ করবে। ব্যবহার cmবা mmকাগজে ধারাবাহিক আকার নিশ্চিত করবে।
body
{
margin: 25mm 25mm 25mm 25mm;
}হরফ আকারের ptজন্য, প্রিন্ট মিডিয়া ব্যবহার করুন ।
নোট করুন যে সিএসএস স্টাইলে শরীরে মার্জিন সেট করা প্রিন্টারের ড্রাইভারের প্রিন্টারের মুদ্রণযোগ্য অঞ্চল বা ব্রাউজার দ্বারা নিয়ন্ত্রিত মার্জিন (কিছু ব্রাউজারের মুদ্রণ পূর্বরূপে সামঞ্জস্যযোগ্য হতে পারে) সংজ্ঞায়িত করবে না ... এটি প্রিন্টযোগ্য ক্ষেত্রের মধ্যে ডকুমেন্টের সবেমাত্র মার্জিন সেট করবে।
আপনার এটিও সচেতন হওয়া উচিত যে আই 7 ++ স্বয়ংক্রিয়ভাবে আকারটিকে সর্বোত্তমভাবে ফিট করে এবং আপনার ব্যবহার cmবা ব্যবহার করেও সবকিছু ভুল হয়ে যায় mm। এই আচরণটি ওভাররাইড করতে ব্যবহারকারীর অবশ্যই 'মুদ্রণ পূর্বরূপ' নির্বাচন করুন এবং তারপরে মুদ্রণের আকারটি সেট করতে হবে 100%(ডিফল্ট হয় Shrink To Fit)।
মুদ্রিত মার্জিনগুলিতে পূর্ণ নিয়ন্ত্রণের জন্য একটি সর্বোত্তম বিকল্প হ'ল @pageকাগজের মার্জিন সেট করার জন্য নির্দেশিকাটি ব্যবহার করা , যা এইচটিএমএল বডি এলিমেন্টের বাইরে কাগজের মার্জিনকে প্রভাবিত করবে, যা সাধারণত ব্রাউজার দ্বারা নিয়ন্ত্রিত হয়। Http://www.w3.org/TR/1998/REC-CSS2-19980512/page.html দেখুন ।
এটি বর্তমানে সাফারি বাদে সমস্ত বড় ব্রাউজারে কাজ করে।
ইন্টারনেট এক্সপ্লোরার-এ, প্রিন্টিংয়ের সেটিংসে প্রান্তিকতাটি এই মানটিতে প্রকৃতপক্ষে সেট করা থাকে এবং আপনি প্রাকদর্শন করেন তবে আপনি এটি ডিফল্ট হিসাবে পাবেন তবে ব্যবহারকারী এটি পূর্বরূপে এটি পরিবর্তন করতে পারে।
@page
{
size: auto; /* auto is the initial value */
/* this affects the margin in the printer settings */
margin: 25mm 25mm 25mm 25mm;
}
body
{
/* this affects the margin on the content before sending to printer */
margin: 0px;
} সম্পর্কিত উত্তর: পৃষ্ঠা থেকে ব্রাউজার মুদ্রণ বিকল্পগুলি (শিরোলেখ, পাদচরণ, মার্জিন) অক্ষম করা হচ্ছে?
প্রথমত বলা হয়েছিল, আমি মুদ্রণের সময় আমার সমস্ত ব্যবহারকারীকে ক্রোম ব্যবহার করতে বাধ্য করার চেষ্টা করি কারণ অন্যান্য ব্রাউজারগুলি বিভিন্ন বিন্যাস তৈরি করে।
এই প্রশ্নের একটি উত্তর সুপারিশ করে:
@page {
size: 210mm 297mm;
/* Chrome sets own margins, we change these printer settings */
margin: 27mm 16mm 27mm 16mm;
}তবে আমার সমস্ত পৃষ্ঠাগুলি মুদ্রণের জন্য এই সিএসএসটি ব্যবহার করে শেষ করেছি:
@media print
{
@page {
size: A4; /* DIN A4 standard, Europe */
margin:0;
}
html, body {
width: 210mm;
/* height: 297mm; */
height: 282mm;
font-size: 11px;
background: #FFF;
overflow:visible;
}
body {
padding-top:15mm;
}
}বিশেষ ক্ষেত্রে: দীর্ঘ টেবিলগুলি
যখন বেশ কয়েকটি পৃষ্ঠায় আমার একটি টেবিল প্রিন্ট করার দরকার ছিল, তখন margin:0দ্য @pageউইন্ডোজটি প্রান্তরে রক্তপাতের দিকে পরিচালিত করেছিল:
এই উত্তরের সাথে এই ধন্যবাদটি সমাধান করতে পারলাম :
table { page-break-inside:auto }
tr { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group; }
tfoot { display:table-footer-group; }প্লাস এর জন্য শীর্ষ-নীচের-মার্জিনগুলি সেট করে @page:
@page {
size: auto;
margin: 20mm 0 10mm 0;
}
body {
margin:0;
padding:0;
}ফলাফল:
আমি বরং এমন একটি সমাধান পছন্দ করব যা সংক্ষিপ্ত এবং সমস্ত ব্রাউজারের সাথে কাজ করে। আপাতত, আমি আশা করি উপরের তথ্যগুলি কিছু বিকাশকারীকে একই ধরণের সমস্যাগুলিতে সহায়তা করতে পারে।
আপডেট করা হয়েছে, সহজ সমাধান
@media print {
body {
display: table;
table-layout: fixed;
padding-top: 2.5cm;
padding-bottom: 2.5cm;
height: auto;
}
}ওল্ড সলিউশন
প্রতিটি পৃষ্ঠার সাথে বিভাগ তৈরি করুন এবং মার্জিন, উচ্চতা এবং প্রস্থ সামঞ্জস্য করতে নীচের কোডটি ব্যবহার করুন।
আপনি যদি এ 4 আকার মুদ্রণ করেন।
তারপরে ব্যবহারকারী
আকার: 8.27in এবং 11.69 ইঞ্চি
@page Section1 {
size: 8.27in 11.69in;
margin: .5in .5in .5in .5in;
mso-header-margin: .5in;
mso-footer-margin: .5in;
mso-paper-source: 0;
}
div.Section1 {
page: Section1;
} তারপরে এতে আপনার সমস্ত সামগ্রীর সাথে একটি ডিভ তৈরি করুন।
<div class="Section1">
type your content here...
</div>class=Section1হওয়া উচিত class="Section1"।
আমি ব্যক্তিগতভাবে এর চেয়ে পৃথক পরিমাপের একক ব্যবহার করার পরামর্শ দেব px। আমি মনে করি না যে মুদ্রণের ক্ষেত্রে পিক্সেলের খুব বেশি প্রাসঙ্গিকতা রয়েছে; আদর্শভাবে আপনি ব্যবহার করতে চাই:
- পয়েন্ট (পিটি)
- সেন্টিমিটার (সেমি)
আমি নিশ্চিত যে অন্যরাও রয়েছেন, এবং প্রিন্ট-সিএসএস সম্পর্কে একটি দুর্দান্ত নিবন্ধটি এখানে পাওয়া যাবে: এরিক মেয়ারের দ্বারা প্রিন্টে যাচ্ছেন ।
pxমুদ্রণের সাথে তেমন প্রাসঙ্গিকতা নেই। তবে ব্রাউজারগুলি পিক্সেল ইউনিটগুলিকে "অনুবাদ" করে তাই এটি স্ক্রিনে দেখতে কেমন লাগে তার অনুরূপ। এটি "প্রিন্টারের রেজোলিউশন ডটস" পিক্সেল হিসাবে ব্যবহার করে না (thankশ্বরের ধন্যবাদ ...)
আমি আরও পিটি বনাম সেমি বা মিমি সুপারিশ করি কারণ এটি আরও সুনির্দিষ্ট। এছাড়াও, আমি ক্রোমে কাজ করার জন্য @ পৃষ্ঠাগুলি পেতে পারি না (সংস্করণ 30.0.1599.69 মি) এটি বড় বা ছোট মার্জিনের জন্য আমি যে কোনও কিছু রেখেছি তা উপেক্ষা করে। তবে, আপনি এটিকে দস্তাবেজের বডি মার্জিনের সাথে কাজ করতে পারেন, অদ্ভুত।
যদি আপনি টার্গেট পেপারের আকারটি জানেন তবে আপনি নিজের সামগ্রীটি সেই নির্দিষ্ট আকারের সাথে একটি ডিআইভিতে রাখতে পারেন এবং মুদ্রণের মার্জিন অনুকরণ করতে সেই ডিআইভিতে একটি মার্জিন যুক্ত করতে পারেন। দুর্ভাগ্যক্রমে, আমি বিশ্বাস করি না যে মুদ্রণ ডায়ালগ বক্সটি বাদ দিয়ে প্রিন্ট কার্যকারিতার উপর আপনার অতিরিক্ত নিয়ন্ত্রণ রয়েছে।
<body class="firefox">করতে পারেন যাতে আপনার সিএসএসে আপনি এটি করতে পারেনbody.firefox {margin: 0mm; padding: 0.25in;}, এটি আসলে একটি 0.75 ইঞ্চি মার্জিন কারণ ফায়ারফক্স ইতিমধ্যে 0.5in যুক্ত করেছে। আপনার যতক্ষণ প্রয়োজন প্রয়োজন = = 0.5 ইঞ্চি মার্জিনটি এটি কাজ করা উচিত।