Anak yatim - Trik CSS

Anonim

Dalam istilah tipografi, anak yatim adalah baris pertama perenggan yang tertinggal di halaman lama sementara perenggan itu diteruskan pada yang berikutnya. The orphanharta mengawal jumlah minimum baris ayat yang boleh dibiarkan di halaman lama. Harta ini hanya mempengaruhi media halaman seperti print.

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

Sebagai contoh, jika satu perenggan tidak dapat dimuat dalam satu halaman secara keseluruhan, ia akan dibahagi di mana mungkin. Dengan cara ini baris tunggal perenggan dapat muncul di halaman sebelum diteruskan di halaman berikutnya. Ini biasanya tidak diingini, jadi banyak pemproses kata memerlukan sekurang-kurangnya dua baris untuk ditinggalkan di halaman lama, dan bukannya satu. Anda boleh memberikannya nombor positif (di mana 2 adalah lalai) atau inherit.

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

Singkatnya, dalam CSS secara khusus:
widows= bilangan baris minimum dalam perenggan yang dibahagi di halaman baru .
orphans= bilangan baris minimum dalam pembahagian perenggan di halaman lama .
Garisan merah adalah anak yatim.

Berkaitan

  • janda

Sokongan Penyemak Imbas

Chrome Safari Firefox Opera IE Android iOS
25+ Tiada Tiada 9.2+ 8+ Tiada Tiada