国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

css中height和line-height區別

2024-07-11 08:53:48
字體：大 中 小
來源：轉載
供稿：網友
line-height：行高 設置文字間上下距離
height：高度 就是定義一個層 或某樣東西的高度啦

也就是說line-height是特指單行高度，height可以為所有元素的高度

文字放大后邊緣會重疊？

line-height直白理解就是文字高度加上文字上下的空白區域，line-height最好不要設置單位，如果固定單位后，行高就是確定值。

當字體放大且沒有設置元素的line-height（繼承自父元素且父元素為固定值）或者其值為固定值就會出現文字超出行高范圍出現重疊。

line-height有繼承屬性，所以正文部分內容line-height最好設置為為數字1.5，也就是字體高度*1.5的高度，

這樣行高會隨著字體縮放跟著縮放。

如何設置文字圖片行內居中？

line-height默認是baseline對其的，可以使用vertical-align:middle使其文字圖片居中對齊。

如何更加易讀？

行內文字背景顏色#fff，文字顏色#333；文字周圍有空白line-height行高1.25-1.5，減少壓迫感，正文大小為14px，其它可以為12px。

input button 各個瀏覽器表現一致。

firefox默認的linde-height值默認為normal，需要明確指定。


復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 图木舒克市| 武汉市| 镇雄县| 阆中市| 通城县| 青冈县| 两当县| 石台县| 株洲市| 玉林市| 浠水县| 天镇县| 彩票| 特克斯县| 克什克腾旗| 中方县| 马山县| 淳安县| 西藏| 霍邱县| 邓州市| 呼伦贝尔市| 邯郸市| 平凉市| 兴山县| 稷山县| 古丈县| 德昌县| 安康市| 南和县| 宁晋县| 台南县| 两当县| 长岛县| 阿拉尔市| 遵义县| 灵寿县| 项城市| 玛曲县| 廊坊市| 尚志市|