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

文字的行高问题

回答4 浏览196
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Css文本样式应用</title>
<style type="text/css">
* {margin: 0;padding: 0;letter-spacing: -5px;}p {background: #f6f6f6;height: 150px;text-align: center;line-height: 150px;border: 1px blue solid;
}.one {font-size: 80px;color: red;font-weight: 700;border: 1px blue solid;line-height: 150px;}.two {font-size: 40px;color: gray;text-decoration: underline;letter-spacing: 0.5em;border: 1px blue solid;line-height: 150px;
}.three {font-size: 80px;color: gray;font-style: italic;border: 1px blue solid;line-height: 150px;}
</style>
</head><body>
<p><span class="one">慕课网</span><span class="two">只学有用的</span><span class="three">!</span></p> </body></html>http://img.mukewang.com/climg/5b21d32c0001ba5b18860206.jpg
这些文字的行高设置的和背景一样都是150px.为什么在网页里显示不是这样

添加回答

4回答
编辑回答
这个3个span的行高都是150px   。 显示大小 跟你font-size:40px/80px;有关系。2个span设置了80px  1个span设置了40px 。当然不一样了。 
1 反对 0个回复 2018-06-14
你还没有登录,请先登录注册慕课网帐号
回复
编辑回答
321
反对 0个回复 2018-06-14
你还没有登录,请先登录注册慕课网帐号
回复
编辑回答
你的字体大小设置得不一样,所以显示不一样,改一下你的字体大小试试看
反对 0个回复 2018-06-14
你还没有登录,请先登录注册慕课网帐号
回复
编辑回答
不要设置行高,默认的是基线对齐,设置底部对齐,下面就是对齐的了。
反对 0个回复 2018-06-14
你还没有登录,请先登录注册慕课网帐号
回复
举报
0/150
提交
取消
意见反馈 常见问题 APP下载
官方微信
hv128