ترفند شکستن صفحات و رفتن به صفحه ی بعد هنگام پرینت توسط Css3

ارسال شده در 15 اردیبهشت 1397


ترفند شکستن صفحات و رفتن به صفحه ی بعد هنگام پرینت توسط Css3
ترفند شکستن صفحات و رفتن به صفحه ی بعد هنگام پرینت توسط Css3

شاید بارها برای شما اتفاق افتاده است که دوست داشته باشید هنگام چاپ یک صفحه از وب سایت خود توسط کاربران , قسمتی از صفحه حتما در برگه ی جدید چاپ شود . 

این مشکل در وب سایت های فروش آنلاین بلیط هواپیما , بلیط کنسرت , بلیط سینما و ... بیشتر خود نمایی میکند . جایی که شما باید هر بلیط خریداری شده توسط کاربر را حتما در یک برگه A4 , A3 و ... چاپ نمایید .

و حال با استفاده از ترفند زیر , بدون دخالت کاربر و به صورت اجباری , شما میتوانید هر کجا که دوست دارید دستور شکستن صفحه را بدهید و از آن به بعد بقیه قسمت صفحه در برگه ی جدید چاپ شود.

برای این کار کافیست سه خط کد HTML زیر را در هر قسمت که دوست دارید قرار دهید و اطمینان داشته باشید که از این سه خط به بعد , تمامی مطالب شما در برگه ی جدیدی چاپ خواهد شد .

<div style="page-break-before:always"></div>
<div style="page-break-after:always"></div>
<div style="page-break-inside:avoid"></div>
توجه : به هیچ عنوان مطلبی در درون این سه خط قرار ندهید و عینا کپی و استفاده نمایید .
تعداد بازدید : 162 نویسنده : وحید مجیدی
Rating: 7 out of 10