মুদ্রণ শৈলী: কীভাবে নিশ্চিত করা যায় যে চিত্র কোনও পৃষ্ঠা বিরতিতে বিস্তৃত হয় না

Question 1

মুদ্রণের স্টাইলশিট লেখার সময়, একাধিক পৃষ্ঠাগুলি বিস্তৃত না করে কোনও চিত্র সর্বদা কেবলমাত্র একটি পৃষ্ঠায় থাকে তা নিশ্চিত করার কোনও উপায় আছে? চিত্রগুলি পৃষ্ঠার চেয়ে অনেক ছোট, তবে নথির প্রবাহের ভিত্তিতে এগুলি পৃষ্ঠার নীচে এসে বিভক্ত হয়। আমি যে আচরণটি দেখছি তার উদাহরণ নীচে রয়েছে:

Page 1 |                    |
       |  (text text text)  |
       |  (text text text)  |
       |  ________________  |
       | | Top of image   | |
       |____________________|
       ------page break------
        ____________________
Page 2 | | Rest of image  | |
       | |________________| |
       |         …          |

আমি যা চাই

Page 1 |                    |
       |  (text text text)  |
       |  (text text text)  |
       |                    |
       |                    |
       |____________________|
       ------page break------
        ____________________
Page 2 |  ________________  |
       | | Full image     | |
       | |                | |
       | |________________| |
       |         …          |

আমি ল্যাটেক্সে ভাসমান সম্পর্কে অভিযোগ করেছিলাম এবং এখানে আমি একই কার্যকারিতা জিজ্ঞাসা করছি ... এটি কি করা যায়? এটি সমস্ত ব্রাউজারে কাজ করার বিষয়ে অগত্যা আমি উদ্বিগ্ন নই, যেহেতু এটি প্রায়শই কেবল একটি অফ-ডকুমেন্ট যা আমি লিখছি পিডিএফে পরিণত করার জন্য।

Question 2

আমি কেবলমাত্র নিম্নলিখিত সিএসএস নিয়মগুলির মধ্যে একটি (বা সম্ভাব্য আরও বেশি) ব্যবহার করার উপায়টি ভাবতে পারি:

img {
    page-break-before: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    page-break-inside: avoid; /* or 'auto' */
}

আমি অর্ধেক স্মরণ করি যে এই ঘোষণাগুলি কেবলমাত্র ব্লক-স্তরীয় উপাদানগুলিতে প্রযোজ্য (সুতরাং আপনার নিজের display: block;চিত্রটিতেও আপনাকে সংজ্ঞায়িত করতে হবে, বা কোনও প্রকারের মোড়ক ধারক ব্যবহার করতে হবে এবং এতে নিয়মগুলি প্রয়োগ করতে হবে (এটি অনুচ্ছেদে, ডিভ, স্প্যানে থাকুক না কেন , তালিকা, ইত্যাদি ...)।

এখানে কিছু দরকারী আলোচনা: " সর্বাধিক ব্যবহারকারীর media="print"নির্দিষ্ট, ক্রস ব্রাউজারের সাথে সামঞ্জস্যপূর্ণ CSS বৈশিষ্ট্যগুলি কী? "

তথ্যসূত্র: