Dlaczego wysokość linii jest bezużyteczna?
Najpierw zobaczmy fragment kodu:
div { width:200px; height:200px; border:1px solid black; line-height:200px; }
span { line-height:1.7; }
<div><span>123<br>456<br>789<br>000</span></div>
Dlaczego jestspan
jestline-height
nie używany?
Theline-height
jest wciąż200px
, ale kiedy ustawimyspan
jestdisplay
własność doinline-block
, theline-height
zspan
jest używany?
Zobacz poniżej:
div { width:200px; height:200px; border:1px solid black; line-height:200px; }
span { display:inline-block; line-height:1.7; }
<div><span>123<br>456<br>789<br>000</span>