Janda - Trik CSS

Anonim

Dalam istilah tipografi, janda adalah baris terakhir dari perenggan yang ditinggalkan sendirian di halaman baru atau di lajur baru. The widowsharta di CSS mengawal jumlah minimum baris perenggan yang boleh jatuh ke laman baru. Harta ini hanya mempengaruhi media halaman seperti print.

@media print ( p ( widows: 3; ) )

Sekiranya satu perenggan tidak dapat dimuat dalam satu halaman secara keseluruhan, maka terbahagi di mana pun mungkin. Dengan cara itu satu baris perenggan dapat muncul di halaman sebelum diteruskan di halaman berikutnya. Ini biasanya tidak diinginkan sehingga banyak pemproses kata memerlukan sekurang-kurangnya dua baris untuk ditinggalkan di halaman lama, dan bukannya satu. The orphanharta bertindak sama. Anda boleh memberikannya nombor positif (di mana 2 adalah lalai) atau inherit.

Perhatikan bahawa widowsharta tanah pada amnya tidak mempengaruhi media yang tidak di-halaman seperti screen. Namun, penyemak imbas menyokong kedua-duanya widowsdan columnsakan menggunakan fungsi yang dimaksudkan pada lajur juga. Selain itu, harta tanah hanya mempengaruhi elemen tahap blok.

Ringkasnya, Dalam CSS secara khusus:
  • widows= bilangan baris minimum dalam perenggan yang dibahagi pada halaman baru .
  • orphans= bilangan baris minimum dalam pembahagian perenggan di halaman lama .
Garis merah adalah janda.

Berkaitan

  • anak yatim

Sokongan Penyemak Imbas

Data sokongan penyemak imbas ini berasal dari Caniuse, yang mempunyai lebih terperinci. Nombor menunjukkan bahawa penyemak imbas menyokong ciri pada versi dan ke atas.

Desktop

Chrome Firefox IE Hujung Safari
25 Tidak 8 12 7

Mudah Alih / Tablet

Android Chrome Android Firefox Android Safari iOS
88 Tidak 4.4 7.0-7.1