老师这个地方我不用浮动设置行内块为什么会变这样，当我用浮动就是好的。

.site-head .header-con .soso-box .btn{
    /* float:right; */
    display: inline-block;
    width: 32px;
    height: 30px;
    background-color: #20BD9A;
}

咸鱼王派大星 2021-03-11

源自：“仿穷游”首页静态项目 2-4 页面顶部的开发（3）

收起

2回答

好帮手慕言 2021-03-11 17:50:11

同学你好，vertical-align属性是设置元素的垂直对齐方式，设置为middle可以理解为是中部对齐，在2-8小节，老师会使用此属性解决问题。

祝学习愉快~

收起回答

好帮手慕言 2021-03-11 16:51:53

同学你好，input和转成了inline-block的a标签，垂直方向默认是基线对齐的，所以二者顶部不会对齐，建议：可以设置vertical-align: middle样式。如下：

祝学习愉快~

收起回答

提问者咸鱼王派大星 #1

vertical-align: middle这个是设置了啥

2021-03-11 17:26:29

相似问题

老师请问为什么说并排的盒子一定不能写浮动

设置右浮动，又清除右浮动，不应该回到原位置吗？

老师想请问下浮动和行内块元素的区别是不能控制左右和浮动不是文档流吗

浮动问题啊

元素浮动后的属性问题

登录后可查看更多问答，登录/注册

前端工程师2020

参与学习人
提交作业 7872 份
解答问题 15282 个

前端技术快速更迭，人才紧缺。带你从0基础开始，成为Web全栈工程师，转行就业更顺畅。

了解课程

本课精华内容

问答作业

老师，我在xhr.send()出错了

92 2

老师好，这里虽然老师给了方法，但我想问问关于定位后的宽高

44 2

函数里面的参数是函数,那么里面作为参数的函数是如何调用的?

74 4

老师请检查

30 1

老师，关于ctx.set()我存在困惑

32 1

查看更多本课问答

请稍等 ...

老师这个地方我不用浮动设置行内块为什么会变这样，当我用浮动就是好的。

老师这个地方我不用浮动设置行内块为什么会变这样，当我用浮动就是好的。

正在回答回答被采纳积分+1

请选择置顶位置