CSS深入理解之line-height_技术问答

靠他吃饭

为什么要做一个全局的行高呢？: 字体小的时候每行距离不会太大，字体大的时候两行之间不会重叠; 2018-07-26 1回答·1348浏览

Ivana

匹配20px，宋体font-size等于内容区域高度: 上代码吧，我测试了没有这种问题啊。
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>testDocument</title>
</head>
<body>
    <div style="border:1px solid #0000ff;padding:0px">
        <p style="background-color: red;font-family: simsun;font-size: 14px;line-height: 1.4286;">X123</p>
    </div>
</body>
</html>; 2017-12-25 1回答·1895浏览

慕先生1272877

lineheight叠加是不是width呢: 已采纳风使神乐的回答; 是height，你可以给个<textarea>给个100高度，20的行高验证一下，在没有上下padding的情况下结果是正好显示5行; 2016-11-23 1回答·1464浏览

fengzi

02:08 时候的 132 是怎么计算出来的

132是文本所占的高度，用jquery的selector.height()方法就能取到高度。

<style type="text/css">
		*{
			margin: 0;
			padding: 0;
			font-family: "microsoft yahei"; //改变字体，高度也会改变
		}
		#demo{
			font-size: 100px;  //改变字体大小，高度也会改变
		}
</style>
		<div id="demo">字体normal=?</div>
		<div class="result">demo高度=</div>
		
		<script src="js/jquery.min.js"> //要先引入jquery库
		<script type="text/javascript">
			$(function(){
				var h = $("#demo").height() //取到文本高度
				$(".result").append(h + "px") //添加到html中
			})
		</script>

2016-09-25 2回答·1469浏览

GivenCui

让line-height计算出的值为20px怎么方便计算了? 为什么默认行高不设为1: 行高设为1你文字还能显示出来吗？都错位了; 2016-09-01 2回答·1379浏览

冰冰冰冰冰3515066

老师讲的很好，我想知道这些深度的知识在哪里能看到呢: 这种深层次的机理或者说是细节，要自己在开发中多积累，不懂得可以上百度等查，; 2016-08-25 1回答·879浏览

慕勒5811226

这个line-height是怎么计算的: 将字体设置为14px，然后设置包含字体的容器的行高为1.42857，字体的大小就为1.42857*14=19.99998px，无限接近于20px。; 2016-07-16 1回答·2645浏览

bsdos

关于行高为percent时的计算: 我去看了一下你的blog，我认为你出现这个问题的原因是没有设置字体，设置字体后子标签的高度成为了行高，这就成了之前视频的情况了; 2015-08-25 2回答·1127浏览

elaine2

视频的文档: 这是html5做的应该; 2015-07-20 1回答·649浏览

vallvo

line-height默认值的计算: 跟着用户的浏览器走, 切与元素字体关联.; 2015-07-11 2回答·2447浏览