DIV មើលមិនឃើញក្លាយជាពេលបោះពុម្ព | CSS ដែលខុសគ្នាបោះពុម្ព – កំណត់ហេតុបណ្ដាញលោក Taylor កញ្ញាឡូប៉េសツ

ពេលខ្លះយើងត្រូវការធាតុដែលមើលឃើញជាក់លាក់ឬជាផ្នែកមួយនៃមាតិកាតំបន់បណ្តាញនេះគឺមានតែនៅលើអេក្រង់ដែលអាចមើលឃើញបាន, ប៉ុន្តែថាវាមើលមិនឃើញនៅពេលបោះពុម្ព. ឬ, យើងចង់រចនាប័ទ្មផ្សេងគ្នាសម្រាប់ការបោះពុម្ព. CSS បានដោះស្រាយវាសម្រាប់អ្នក!

សេចក្តីផ្តើម

មុខងារមានប្រយោជន៍របស់ CSS គឺ “បោះពុម្ពប្រព័ន្ធផ្សព្វផ្សាយ“, ព្រោះវាអនុញ្ញាតឱ្យអ្នកគ្រប់គ្រង, ឡែក, រចនាប័ទ្មនៃអ្វីដែលនឹងត្រូវបានបោះពុម្ព.

ឧទាហរណ៍, អ្នកអាចមាន CSS ដែលកំណត់រចនាប័ទ្មលំនាំដើមនៃគេហទំព័ររបស់អ្នក ហើយអ្នកអាចមាន CSS មួយផ្សេងទៀតដើម្បីបែងចែករចនាប័ទ្មនៃធាតុជាក់លាក់។, ជា DIV, នៅពេលបោះពុម្ពទាំងនេះ. វាគួរឱ្យចាប់អារម្មណ៍ក្នុងការប្រើនៅពេលដែលអ្នកត្រូវការលាក់ប៊ូតុងមួយចំនួន ឬសូម្បីតែផ្លាស់ប្តូរពណ៌ផ្ទៃខាងក្រោយនៅពេលបោះពុម្ពឯកសារ។. គំនិតមួយទៀតគឺធ្វើឱ្យឡូហ្គោ ឬរូបទឹកលេចឡើងពេលបោះពុម្ព. ទីបំផុត, មានលទ្ធភាពរាប់មិនអស់, អាស្រ័យលើការច្នៃប្រឌិត ឬតម្រូវការរបស់អ្នក។.

ជា CSS – ខាងក្រៅ

ទូទៅបំផុតគឺថាអ្នកកំណត់កូដ CSS របស់អ្នកនៅក្នុងឯកសារខាងក្រៅ print.css, ជាមួយនឹងរចនាប័ទ្មប្លែកសម្រាប់ការបោះពុម្ព.

print.css | ការហៅទៅកាន់ឯកសារនេះនឹងត្រូវបានធ្វើឡើងនៅខាងក្នុង site.html

    #noprint { បង្ហាញ:គ្មាន; } 
     រាងកាយ { ផ្ទៃខាងក្រោយ: #fff; }

ហើយបន្ទាប់មកធ្វើការហៅឯកសារ print.css នៅលើគេហទំព័ររបស់អ្នក។.

site.html

    <html>
        <ប្រធាន>
            <ចំណងជើង>តំបន់បណ្តាញ</ចំណងជើង>
            <តំណភ្ជាប់ rel="stylesheet" href="print.css" ប្រភេទ="text/css" ប្រព័ន្ធផ្សព្វផ្សាយ="បោះពុម្ព"> 
        </ប្រធាន>
        <រាងកាយ bgcolor="#ff0000"> 
            ពណ៌ផ្ទៃខាងក្រោយលំនាំដើមនៃទំព័រនេះគឺក្រហម,
            ទោះជាយ៉ាងណា, នៅពេលបោះពុម្ព, នឹងក្លាយជាពណ៌ស.
            <div លេខសម្គាល់=" noprint">
                អ្វីគ្រប់យ៉ាងរវាង DIV " noprint"
                នឹងអាចមើលឃើញនៅលើអេក្រង់, ទោះជាយ៉ាងណា, មើលមិនឃើញនៅពេលបោះពុម្ព.
            </div>
        </រាងកាយ> 
    </html>

ជា CSS – ខាងក្នុង

ជម្រើសទីពីរគឺត្រូវបែងចែករចនាប័ទ្មបោះពុម្ពដោយប្រើប្រាស់កូដ CSS នៅក្នុងគេហទំព័រខ្លួនឯង។. ក្នុងករណីនេះ, នឹងមានដូចនេះ:

site.html

    <html>
        <ប្រធាន>
            <ចំណងជើង>តំបន់បណ្តាញ</ចំណងជើង>
            <រចនាប័ទ្ម>
                @ប្រព័ន្ធផ្សព្វផ្សាយបោះពុម្ព { 
                    #noprint { បង្ហាញ:គ្មាន; } 
                    រាងកាយ { ផ្ទៃខាងក្រោយ: #fff; }
                }
            </រចនាប័ទ្ម>
        </ប្រធាន>
        <រាងកាយ bgcolor="#ff0000"> 
            ពណ៌ផ្ទៃខាងក្រោយលំនាំដើមនៃទំព័រនេះគឺក្រហម,
            ទោះជាយ៉ាងណា, នៅពេលបោះពុម្ព, នឹងក្លាយជាពណ៌ស.
            <div លេខសម្គាល់=" noprint">
                អ្វីគ្រប់យ៉ាងរវាង DIV " noprint"
                នឹងអាចមើលឃើញនៅលើអេក្រង់, ទោះជាយ៉ាងណា, មើលមិនឃើញនៅពេលបោះពុម្ព.
            </div>
        </រាងកាយ> 
    </html>