聘我网

新概念招聘3.0

css的line-height问题

vote up0vote downstar
<!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>test</title>
</head>
<body>
<br /><br /><br />
<div style="line-height:150%">
<span style="display:block;font-size:240%;">test</span>
</div>
</body>
</html>

首先双击test,可以看到test实际占据的高度,

然后用firebugspan占据的高度,可以发现比test矮一截,

这是为何?

 

1 个答复

vote up0vote downcheck

解决很简单,将150%改成1.5,或者为span增加一个样式:line-height:1.5

因为百分比时,是按照继承(inherit)的font-size算行高的

而数字情况下,是按照最后实际的font-size计算行高

链接

您的回答





不是您要找的问题? 浏览其他含有标签 的问题或者 自己问个.