行高特性，行高设置方法

最新推荐文章于 2022-10-08 08:58:55 发布

lonely_gfolf

最新推荐文章于 2022-10-08 08:58:55 发布

阅读量813

点赞数

分类专栏： web前端开发

本文链接：https://blog.csdn.net/lonely_gfwolf/article/details/80740824

版权

web前端开发专栏收录该内容

14 篇文章 0 订阅

订阅专栏

多行文字测量行高的方法

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>

lonely_gfolf

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
行高特性，行高设置方法

多行文字测量行高的方法1 确认文字大小2 确认两行文字之间的空隙大小3 空隙大小除以2 ，得出来的数值是每行文字上下空隙的大小 3.1 当行高为奇数时，文字的上方要比下方多一个像素 3.2 当行高为偶数时，上下方一样&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/T...
复制链接

扫一扫

专栏目录