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

首頁 > 開發 > CSS > 正文

CSS中行間距問題示例探討

2024-07-11 08:51:39
字體：大 中 小
來源：轉載
供稿：網友
高度給定的元素, 其內部單行文本垂直居中的一種實現方式為: 給當前定高元素, 設置line-height屬性, 其屬性值等于當前元素的height值。

今天了解到了一條相關知識, 明白這個方法的實現原理.

我們常說的單倍行距, 雙倍行距等等, 主觀上認為是line-height設置的值, 如果量一下實際的效果, 會發現兩行文本的間距, 并非等于line-height的值.

瀏覽器計算和分配行間距的方法

間距 ="line-height" – "font-size";
文本上下分配大小 = 間距/2;
字號 = 12px; line-height:3;
間距 = 3*12 – 12 = 24(px);
文本上下分配大小 = 24/2 = 12(px)

邏輯上如此無懈可擊~ o.0

小知識點(濟寧網站建設認為, 應該這樣)

"line-height的值, 推薦使用數字而非帶有單位的值, 如, 推薦使用line-height:2; 不推薦使用line-height:24px;" 原因在于,line-height:24px;是一個固定的值, 對于任何大小的文本, 都采用這個值來計算行間距。若文本的字號過大, 會出現重疊的問題. 不帶單位的值表示倍數. 自然避免了該問題。

看下邊的例子

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 临武县| 龙门县| 社旗县| 临邑县| 林西县| 梁河县| 万载县| 五台县| 若尔盖县| 时尚| 海宁市| 淅川县| 德化县| 宁津县| 永新县| 当雄县| 郑州市| 蕉岭县| 胶南市| 清水河县| 铅山县| 海晏县| 平原县| 宁明县| 壶关县| 上蔡县| 香港| 西乌珠穆沁旗| 松原市| 仙游县| 蕉岭县| 平和县| 襄垣县| 贞丰县| 丁青县| 宾阳县| 巴马| 博乐市| 博乐市| 罗江县| 舟曲县|