Տողատարի CSS-ում

Այժմ եկեք սովորենք, թե ինչպես սահմանել տեքստի տողատարը: Տողատար ասելով հասկանում ենք տեքստի տողերի միջև եղած հեռավորությունը, այսինքն՝ դրանց միջև եղած սպիտակ բացը: Դրա համար նախատեսված է line-height հատկությունը, որը սահմանում է տեքստի տողի բարձրությունը:

line-height հատկությունը օգտագործելիս կարող եք բախվել որոշակի խարդավանքի. այս հատկությունը տեքստի տողերի միջև բաց չի սահմանում, ինչպես կարող էր թվալ, այլ սահմանում է տեքստի տողի բարձրությունը:

Սա նշանակում է, որ տողերի միջև իրական տեսանելի բացը կհաշվարկվի հետևյալ կերպ. line-height - font-size = տեսանելի հեռավորություն տեքստի տողերի միջև:

Հաջորդ օրինակում տեքստի տողերի միջև հեռավորությունը կլինի 50px - 20px = 30px:

html<p>
  some long text
</p>

cssp {
  font-size: 20px;
  line-height: 50px;
  text-align: justify;
  width: 400px;
}

Результат: