html - 将表单元素居中时,这些 CSS 属性意味着什么?

标签 html css width margin center

在搜索如何在 CSS 中将 form 元素居中时,我发现我必须将 margin 设置为 auto 然后设置一个 width 属性。但是,width 在这里代表什么?

例如,当我将 width 设置为 350px 时,我将表单置于中心,而当将其设置为 5px 时,我没有让它居中。

你能解释一下width在这里代表什么吗?

谢谢。

最佳答案

width 是元素本身显示时的宽度,需要设置宽度,以便浏览器能够自动计算元素周围的边距,使其居中显示。至于为什么 5px 的值不使元素居中而 350px 的值我不确定,我从来没有遇到过这个问题,也许只是表单不能调整那么小所以它会自动更改由浏览器设置为自动宽度。

关于html - 将表单元素居中时,这些 CSS 属性意味着什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7620467/

相关文章:

jquery/html 在单选按钮检查上添加类,否则如果单选按钮未选中则删除类?

javascript - 如何在内部图像使用宽度 : 100% 的 div 上使用 height()

html - 如何将表格的宽度设置为窗口的宽度

javascript - 如何在点击喜欢和刷新页面时保持按钮的颜色

java - 使用正则表达式从 html 中提取数据

javascript - 如何在元素上添加监听器以在元素发生任何更新时触发事件?

html - 最大宽度应该覆盖宽度,但不是

php - MySQL SUM 到 PHP While 循环

html - 如何使 DIV 宽度灵活到视口(viewport)的宽度

css - Webpack 无法修复 CSS 覆盖问题并在 <head> 中捆绑 &lt;style&gt; 元素