                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

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

源自：初识HTML(5)+CSS(3)-升级版 12-12

关注问题我要回答

1209

操作

收起

2 回答

六月时光
2015-08-04

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

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

1 回复有任何疑惑可以回复我~

#1

慕斯卡9626126 提问者

喔，标签的的高度

2015-08-04 回复有任何疑惑可以回复我~

guangpu
2015-08-04

为什么是50?不是100

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1227520 人
解答问题 18248 个

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

本课相似问答

1 回答为什么bottom的高度是50px？？？

3 回答为什么要写margin：-50px 0 0 -50px;直接写margin：-50px;结果是一样的呀？

2 回答为什么height是30？？？？？？？

1 回答height:auto与height:100%有区别么？？？？？

5 回答为什么要写margin：-50px 0 0 -50px;直接写margin：-50px;结果是一样的呀？(2)

搜索更多本课相关问答

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

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号