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

为什么我这里用内联元素也可以实现垂直居中呢??

<!DOCTYPE html>
<html>
<head lang="en">
   <meta charset="UTF-8">
   <title></title>
   <style>
       .container{
           height:100px;
           line-height:100px;
           background:#999;
       }
   </style>
</head>
<body>
<span class="container">
   hi,imooc!
</span>
</body>
</html>

内联元素不是不能设置高宽吗??

正在回答

3 回答

再对p{height:100px;border:2px solid red}看看height:100px 是什么样的效果。这里加了边框看起来更加清晰

0 回复 有任何疑惑可以回复我~

line-height是行间距并不是行高,而且你这里设置height:100px效果没表现出来。居中是因为你把行间距设置成100px你可以再加一行<p>文字</p>看看效果

0 回复 有任何疑惑可以回复我~

我似乎明白了,这里的height并没有起作用!因为line-height是行高,所以给人一种垂直居中的假象!

太崇拜我自己了!^_^

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么我这里用内联元素也可以实现垂直居中呢??

我要回答 关注问题
微信客服

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

帮助反馈 APP下载

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

公众号

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