为了账号安全,请及时绑定邮箱和手机立即绑定

line-height如果元素出现嵌套,但是设置相同的line-height,并且line-height的值大于字体的值,高度就会出现偏差

line-height如果元素出现嵌套,但是设置相同的line-height,并且line-height的值大于字体的值,高度就会出现偏差

小_磊_ 2015-06-28 14:27:47
老师你看下面的代码。首先div没有设置高度和宽度,div里面有个文字,还有span标签,如果给div里和span设置相同的lin-height,然后给div的文字和span标签的设置不同的文字大小,就会出现div高度大于lineheight的高度,且span里的文字只要比div里的文字大10px,高度就会增加4px,是怎么回事?????????求大神解释!!!!!!!!<!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" xml:lang="en"><head>  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  <title>test</title>  <style>  *{    padding:0px;    margin:0px;   }  .box{    border:1px solid red;    line-height: 50px;    font-size: 20px;  }  span{    font-size: 30px;  }  </style></head><body>  <div>慕课网<span>免费教程</span></div>  </body></html>
查看完整描述

2 回答

?
慕粉1512528397

TA贡献1条经验 获得超0个赞

虽然问题描述有问题,但确实有这个问题。当给块级元素设置line-height和height一样,实际的高度会大那么几个像素。

查看完整回答
反对 回复 2017-08-10
?
哈穹

TA贡献1条经验 获得超0个赞

哥 你定义了.box这个类的样式  但是你html中却没有使用到这个类  你这样真的合适么?!!/(ㄒoㄒ)/~~

查看完整回答
反对 回复 2015-07-07
  • 2 回答
  • 0 关注
  • 2279 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号