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

文字的行高问题

文字的行高问题

梓梁92 2018-06-14 10:42:00
<!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>这些文字的行高设置的和背景一样都是150px.为什么在网页里显示不是这样
查看完整描述

2 回答

?
_蓝色信仰

TA贡献83条经验 获得超67个赞

这个3个span的行高都是150px   。 显示大小 跟你font-size:40px/80px;有关系。2个span设置了80px  1个span设置了40px 。当然不一样了。 

查看完整回答
1 反对 回复 2018-06-14
?
慕沐3320448

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

321

查看完整回答
反对 回复 2018-06-14
?
慕沐4049225

TA贡献11条经验 获得超2个赞

你的字体大小设置得不一样,所以显示不一样,改一下你的字体大小试试看

查看完整回答
反对 回复 2018-06-14
  • 2 回答
  • 0 关注
  • 1287 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信