行高：在网页中代表一行文字的高度。
格式：line-height: 20px;
注意点：
行高默认为垂直居中，当我们需要在盒子标签中使得文字默认居中，就需要使用行高标签。令行高与盒子标签的高度一致；
如果是两行及以上文字的话，就不能使用行高标签，只能使用内边距来居中文字。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>标题</title>
<style>
div {
border: 1px solid red;
width: 300px;
line-height: 80px;
height: 80px;
}
</style>
</head>
<body>
<div> 我是内容 </div>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>标题</title>
<style>
div {
box-sizing: border-box;
border: 1px solid red;
width: 300px;
line-height: 20px;
height: 80px;
padding: 20px 0px;
}
</style>
</head>
<body>
<div> 我是内容<br>
我是内容 </div>
</body>
</html>
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
