最近在學習html+css基礎,這兩天在編寫頁面的時候,發現有時候使用line-height屬性,會變成行間距變的很大的情況,在這裏寫下總結,由於電腦系統過於low,有些圖片就稍後在附加,進入正題:
情況一:
當在一個塊中,有一行文字,想要它垂直居中的話,使用我們平常的寫法:
line-height:20px;就可以達到想要的效果;
情況二:
在一個塊中,如果是多行文字的話,這個時候在使用情況一的方式,好像並
不能達到我們想要的效果,這個時候,我們只需要改變一下取值的方式爲百分比
就可以,寫法如:
line-height:150%;
【注】前端小白菜,只是想做下筆記提醒一下自己,避免在出現這種錯誤!!