行高
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>行高</title>
<!-- <link rel="stylesheet" href="../chujicss/css/11.23.04.css"> -->
<style>
div{
font-size: 50px;
/* 可以将行高设置为高度一样的值，使单行文字在一个元素中垂直居中 */
/* height: 200px; */
line-height: 200px;
/*
行高（line height）
-行高指的是文字所占有的实际高度
-可以通过line-height来设置行高
行高可以直接指定一个大小（px em）
也可以直接为行高设置一个整数
如果是一个整数的话，行高将会是字体的指定的倍数
-行高经常还用来设置文字的行间距
行间距=行高-字体大小（font-size）
默认行高是1.33
字体框
-字体框就是字体存在的格子，设置font-size实际上就是在设置字体框的高度
行高会在字体框的上下平均分配（字体框会在行高的中间）
*/
border: 1px red solid;
/* line-height: 2; */
}
</style>
</head>
<body>
<div>hello css</div>
</body>
</html>
运行结果为：
585
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
