多行文字测量行高的方法
1 确认文字大小
2 确认两行文字之间的空隙大小
3 空隙大小除以2 ,得出来的数值是每行文字上下空隙的大小
3.1 当行高为奇数时,文字的上方要比下方多一个像素
3.2 当行高为偶数时,上下方一样
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#div1{
width:100px;
height:100px;
font-weight:bold;
/*文字加粗*/
font-style:italic;
/*文字倾斜*/
line-height:50px;
font-family:"楷体";
}
</style>
</head>
<body>
<div id="div1">
aaa<br />/*换行*/
bbbb
</div>
</body>
</html>