html – 为什么显示:块不伸展按钮或输入元素

前端之家收集整理的这篇文章主要介绍了html – 为什么显示:块不伸展按钮或输入元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想了解这个问题背后的原因:

< button>背后的原因是什么?或< input>元素不像其他元素一样表现为设置为显示:block!

我不是在寻找解决这个问题的@R_403_323@,所以请不要指向this answer,因为它没有回答这个问题.

Here’s a js-fiddle that illustrates the problem

更新1:@Pete是正确的,元素的默认大小属性是即使在块上设置大小,因为您可以将< input>的大小和cols属性in this fiddle.和< textarea>改变他们的宽度这解决了我的一部分问题.

考虑到这一点,我的问题现在是,为什么< button>元素不像其他块元素那样行为?这对我来说是一个谜!

@R_403_323@

我认为一个默认值被分配给输入的size属性,这意味着除非你特别重写它,否则你的宽度不会是100%

如果您查看firefox specification并向下滚动到关于大小的部分,您可以看到它们的默认值为20

我不知道按钮的属性,导致更改为阻止时不会为100%的宽度

猜你在找的HTML相关文章