测试环境
image.png
电脑： mac
http://demo.cssworld.cn/5/2-2.php
书上标记如下：
实际情况入下：
image.png
设置了line-height并不能影响内联元素的高度，比如设置line-height：1，表现依然一样
image.png
http://demo.cssworld.cn/5/2-3.php
书中图片：
image.png
测试环境：
image.png
修改属性如下：
image.png
可以看到内联元素的高度，至少在chrome下面的高度是只受font-size的影响，而和line-height没有关系，但是外面块元素，确实收到了line-height的影响。
为什么 line-height 可以让内联元素“垂直居中”
1, 书中例子，图片
image.png
image.png
测试环境
image.png
5.2.3 深入 line-height 的各类属性值
image.png
测试环境下：chrome差不多是， 宋体 1.4， 微软雅黑是1
image.png
image.png
5.2.4 内联元素 line-height 的“大值特性”
-
这里的sapn的高度不是96px
image.png
网友评论