为什么最后input设置了inline还能设置width?

并且为什么按钮会居中啊？在每一个input的中间？

慕田峪5928195 2017-03-22

源自：CSS3图片切换特效 4-1 响应式

37

收起

2回答

最外的红 2017-03-23 14:33:32

input属于行内块状 inline-block元素能直接设置宽高。我刚在浏览器把它设置为inline也能直接设置宽高，应该算是比较特殊的一类标签吧。

十天是bug 2017-03-22 13:53:38

input本就是内联元素，不用设置inline，如果input没有设置block也能设置width的话，那很有可能是你设置了绝对定位，也就是position:absolute;

提问者慕田峪5928195 #1

你看老师在最会设置input的时候确实设置了display:inline,width:24%，不知道什么意思

2017-03-22 14:59:51
十天是bug 回复提问者慕田峪5928195 #2

因为那时input算是块级元素了，所以才要把它设置为内联元素的，至于宽设为百分比是为了自适应，因为是相对宽度

2017-03-22 15:08:14

相似问题

.containner 是DIV元素，为什么可以设置max-width

为什么最后对label的设置不放在@media screen里呢

给form和button设置了同样的width，都未设置他们border时，为什么显示长度不一样呢？

老师我不理解为什么设置input的高宽，有时需要block有时又不需要。

老师，这里为什么不用设置width，而要设置overflow呢？

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

HTML5与CSS3实现动态网页 2018

参与学习 1887 人
提交作业 4643 份
解答问题 5760 个

有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。

本课精华内容

问答作业

请忽略此问答

26 33

公式书写。。

31 19

3-8编程练习哪有问题

47 17

全局变量与函数内的全局变量

119 15

编程练习4-4的问题

111 15

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载