網(wǎng)(LieHuo.Net)教程 平時(shí)經(jīng)常見到的line-height竟包含很多鮮為人知的事。line-height的值可以為：<length>|<percentage>|<number>| noromal | inherit。em，px和百分?jǐn)?shù)都相對于元素的font-size值計(jì)算。但是當(dāng)一個(gè)塊級元素繼承另一個(gè)元素的line-height屬性時(shí)，情況就會變得比較復(fù)雜。line-height值從父元素繼承時(shí)，要從父元素那里計(jì)算，而不是在子元素上計(jì)算。
| 以下為引用的內(nèi)容： <body style="font-size:10px;"> <div style="line-height:150%"> <p style="font-size:15px;">是全球中文互聯(lián)網(wǎng)資訊與教程的提供者，多年來一直堅(jiān)持為互聯(lián)網(wǎng)發(fā)展提供動力，熱情、積極、向上、不斷進(jìn)取是Liehuo.Net所提倡的品格！</p> </div> </body> |
這里的p的font-size是16px，但是它繼承來的line-height只有15px，所以導(dǎo)致行挨得比較近。 解決辦法：1.可以為每個(gè)元素顯式的設(shè)置line-height屬性，但是不太實(shí)用。
2.指定一個(gè)數(shù)，由它設(shè)置縮放因子。
| 以下為引用的內(nèi)容： <body style="font-size:10px;"> <div style="line-height:1.5"> <p style="font-size:15px;">是全球中文互聯(lián)網(wǎng)資訊與教程的提供者，多年來一直堅(jiān)持為互聯(lián)網(wǎng)發(fā)展提供動力，熱情、積極、向上、不斷進(jìn)取是Liehuo.Net所提倡的品格！ </p> </div> </body> |
程序員人生，我編程，我富裕，記住wfuyu網(wǎng)，php教程，php學(xué)習(xí)，php手冊，CMS模版制作
聲明：本站大部分內(nèi)容是作者原創(chuàng)，少部分收集于互聯(lián)網(wǎng)供大家一起學(xué)習(xí)，原版權(quán)很多不明，如有侵權(quán)請聯(lián)系本站，謝謝！
粵ICP備14040726號-1?? 2015-2020 程序員人生 版權(quán)所有
