修復使用sub和sup時的行間距問題

subsup元素會輕微地增大行高。css

幸虧,用一點CSS就能夠修復這個問題。git

來自Nicolas GallagherJonathan Nealnormalize.csshttp://necolas.github.com/normalize.css/)。github

他們借用了https://gist.github.com/413930的代碼並去掉了註釋。瀏覽器

上面這個GitHub的連接裏包含了對這一段CSS的詳細解釋,感興趣能夠去看一看。spa

normalize.css推薦下載這個文件。該文件能夠幫助創建一個跨瀏覽器的統一基準樣式表,其文檔也很詳盡。code

 

 1 /*
 2 * 在全部瀏覽器中防止sub和sup影響line-height
 3 * gist.github.com/413930
 4 */
 5 sub,sup {
 6             font-size: 75%;
 7             line-height: 0;
 8             position: relative;
 9             vertical-align: baseline;
10 }
11 sup {    top: -0.5em; }
12 sub {    bottom: -0.25em; }
相關文章
相關標籤/搜索