Paano Mag-block ng isang Web Page Mula sa Pagpi-print Sa CSS

Ang mga pahina ng web ay nilayon upang makita sa isang screen . Habang may iba't ibang uri ng posibleng mga aparato na maaaring magamit upang tingnan ang isang site (desktop, laptop, tablet, phone, wearables, telebisyon, atbp.), Lahat sila ay nagsasama ng isang screen ng ilang uri. May isa pang paraan na maaaring tingnan ng isang tao ang iyong website, isang paraan na hindi kasama ang isang screen. Tinutukoy namin ang isang pisikal na pag-print sa iyong mga web page.

Maraming taon na ang nakalilipas, makikita mo na ang mga website sa pag-print ng mga tao ay isang pangkaraniwang sitwasyon. Naaalala natin ang pagpupulong sa maraming kliyente na bago sa web at nadama ang mas komportableng pagsusuri sa mga naka-print na pahina ng site. Pagkatapos ay binigyan nila kami ng feedback at pag-edit sa mga piraso ng papel sa halip na tumitingin sa screen upang talakayin ang website. Habang ang mga tao ay naging mas komportable sa mga screen sa kanilang mga buhay, at habang ang mga screen ay may maraming beses na na-multiply, nakita namin ang mas kaunti at mas kaunting mga tao na nagsisikap na mag-print ng mga web page papunta sa papel, ngunit ito ay nangyayari pa rin. Baka gusto mong isaalang-alang ang kababalaghang ito kapag pinaplano mo ang iyong website. Nais mo bang i-print ng mga tao ang iyong mga web page? Siguro wala ka. Kung ganiyan ang kaso, mayroon kang ilang mga pagpipilian.

Paano Mag-block ng isang Web Page Mula sa Pagpi-print Sa CSS

Madaling gamitin ang CSS upang pigilan ang mga tao na i-print ang iyong mga web page. Kailangan mo lamang na lumikha ng isang 1 line stylesheet na pinangalanang "print.css" na kinabibilangan ng sumusunod na linya ng CSS.

katawan {display: none; }

Ang isang estilo na ito ay magpapasara sa elemento ng "katawan" ng iyong mga pahina upang hindi maipakita - at dahil ang lahat ng bagay sa iyong mga pahina ay isang anak ng elemento ng katawan, nangangahulugan ito na ang buong pahina / site ay hindi ipapakita.

Sa sandaling mayroon ka ng stylesheet na "print.css", nais mong i-load ito sa iyong HTML bilang isang print na stylesheet. Narito kung paano mo gagawin iyan - idagdag lamang ang sumusunod na linya sa elemento ng "ulo" sa iyong mga pahina ng HTML.

Ang mahalagang bahagi ng linya sa itaas ay ipinahiwatig na naka-bold - na ito ay isang print na stylesheet. Ang impormasyong ito ay nagsasabi sa browser na kung ang web page na ito ay nakatakda na i-print, gamitin ang stylesheet na ito sa halip na anumang default na stylesheet na ginagamit ng mga pahina para sa display sa screen. Habang lumilipat ang mga pahina sa "print.css" na sheet na ito, ang estilo na gumagawa ng buong pahina na hindi ipinapakita ay kick in at ang lahat ng naka-print ay magiging isang blangkong pahina.

I-block ang Isang Pahina sa isang Oras

Kung hindi mo kailangang i-block ang maraming mga pahina sa iyong site, maaari mong i-block ang pag-print sa isang pahina ayon sa pahina na may mga sumusunod na mga estilo na nailagay sa ulo ng iyong HTML.