首页 > web前端 > css教程 > 为什么输入字段不使用'width: auto”填充可用空间?

为什么输入字段不使用'width: auto”填充可用空间?

Patricia Arquette
发布: 2024-10-28 06:42:02
原创
286 人浏览过

Why Don't Input Fields Fill Available Space with `width: auto`?

宽度:自动输入字段

问题:

宽度:自动显示:块元素旨在填充可用空间。然而,对于输入字段,这种行为似乎不一致。

问题:

  1. width:auto 在 CSS 中到底意味着什么?
  2. 有没有办法让输入字段像其他块级元素一样填充可用空间?

答案:

1。 width:auto:

输入的宽度由其 size 属性的默认值决定。 Width:auto 将宽度设置为此默认值。

2.实现预期行为:

要使输入字段填充可用空间,请使用 width:100%,如下所示:

<code class="html"><form style='width:200px;background:khaki'>
  <input style='width:100%' />
</form></code>
登录后复制

注意:此方法可能不会由于边框应用程序的差异,在所有浏览器中都能完美运行。

以上是为什么输入字段不使用'width: auto”填充可用空间?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板