跟高老师学习Web前端之35.

作者: 火色石榴花 | 来源:发表于2016-12-29 23:54 被阅读0次

上善若水

起风了，唯有努力生存！

最近刚读完崛辰雄写的《起风了》，温暖细腻，今天看了宫崎骏执导的电影《起风了》，感慨宫老的功力及艺术才华，喜欢他执导的所有动漫电影，故事中主人公所有的拼搏努力，所有的爱和关怀，所有的温情生活都体现的淋漓尽致，胸中有爱，才会拍出令人大爱的电影，致敬！

言归正传，今天我主要学习了line-height属性，即行高属性设置。line-height属性是检索或设置对象的行高，即字体最底端与字体内部顶端之间的距离。行高与字体的大小有关。

行高属性可以通过三种方式设置：数字、百分比、因子。

代码书写

页面展示

其中，使用第三种方式--因子设置调整行高是非常安全的方式，因为因子设置是以字体大小为基准，按照字体相应倍数设置行高，比如值为1.5，是指行高为字体的1.5倍，当页面代码庞大，组织机构较复杂时，该方式不易出现bug，是最安全可靠的方式，因此在实际应用中较为常见。

而数值、百分比设置时，容易因字体设置较大（数值设置）或者字体大小不一致（百分比设置），使得文本框无法承载全部文字而出现文字叠加现象。

代码书写

页面展示

以上，晚安！

网友评论

本文标题：跟高老师学习Web前端之35.

本文链接：https://www.haomeiwen.com/subject/ixnpvttx.html

跟高老师学习Web前端之35.