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

来源:12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距(填充)

慕斯卡9626126

2015-08-04 11:49

<!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>


写回答 关注

2回答

  • 六月时光
    2015-08-04 14:19:12
    已采纳

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

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

    慕斯卡962...

    喔,标签的的高度

    2015-08-04 17:13:24

    共 1 条回复 >

  • guangpu
    2015-08-04 13:18:03

    为什么是50?不是100

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

查看课程

相似问题