Eilutės tarpas CSS
Dabar išmokime nustatyti teksto eilutės tarpą. Eilutės tarpu suprantamas atstumas tarp teksto eilučių, tai yra balta erdvė tarp jų. Tam skirta savybė line-height, kuri nustato teksto eilutės aukštį.
Naudojant savybę line-height galite susidurti su tam tikru spąstu: ši savybė nenustato tarpo tarp teksto eilučių, kaip galėtų atrodyti, o nustato teksto eilutės aukštį.
Tai reiškia, kad tikrasis matomas tarpas tarp eilučių bus skaičiuojamas taip: line-height - font-size = matomas atstumas tarp teksto eilučių.
Šiame pavyzdyje atstumas tarp teksto eilučių bus 50px - 20px = 30px
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 50px;
text-align: justify;
width: 400px;
}
:
Tegul šrifto dydis pastraipoms yra 30px. Nustatykite savybę line-height taip, kad matomas baltas tarpas tarp pastraipų būtų lygus 15px.
