ling-height:100?为什么不是50px

源自：12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）

ling-height:100?为什么不是50px

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>填充</title>
<style type="text/css">
#box1{
    width:100px;
    height:100px;
    border:10px;
    text-align:center;
    line-height:100px;
    border:1px solid red;
}
</style>
</head>
<body>
<div id="box1">盒子1</div>
</body>
</html>

提问者：慕斯卡9626126 2015-08-04 11:49

个回答

六月时光

2015-08-04 14:19:12

已采纳

line-height行高是包含了文字的高度在内的，而height并非是文字的高度，而是文字所在标签的高度

行高举例的话，假如行高设为30px，那么就是文字中心点距上或者距下各为15px，所以行高与标签的高度一样的时候就垂直居中了

1
guangpu

2015-08-04 13:18:03

为什么是50?不是100

0