Сираци - CSS-трикове

Anonim

По отношение на типографията, сирак е първият ред на абзац, който е оставен на старата страница, докато абзацът продължава на следващия. В orphanимота контролира минималният брой на линии на една точка, която може да се остави на старата страница. Това свойство засяга само странични носители като print.

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

Например, ако параграф не може да се побере на една страница в неговата цялост, той се разделя навсякъде, където е възможно. По този начин единични редове на абзац могат да се появят на страницата, преди да продължат на следващата страница. Това обикновено е нежелано, затова много текстови процесори изискват поне два реда да останат на стара страница, вместо един. Можете да му дадете положително число (където 2 е по подразбиране) или inherit.

Обърнете внимание, че orphanсвойството по принцип не засяга незастраховани носители като screen. Браузърите обаче поддържат и двете, orphansи columnsще приложат предвидената функционалност и към колони. Също така свойството засяга само елементи на ниво блок.

Накратко, по-специално в CSS:
widows= минимален брой редове в параграф, разделен на новата страница.
orphans= минимален брой редове в параграф, разделен на старата страница.
Червените линии са сираци.

Свързани

  • вдовици

Поддръжка на браузър

Chrome Сафари Firefox Опера IE Android iOS
25+ Нито един Нито един 9.2+ 8+ Нито един Нито един