为什么css宽度属性与输入元素一起使用答案

【问题标题】：why css width property is working with input element为什么css宽度属性与输入元素一起使用
【发布时间】：2015-11-08 00:11:19
【问题描述】：

根据 CSS docs:

宽度 CSS 属性 ... 适用于所有元素，但不可替换的内联元素、表格行和行组

输入是内联元素。那么为什么 width 属性可以和 input 元素一起使用呢？

【问题讨论】：

“不可替换内联元素”。
Kinda 在那里拼写出来。由于输入被替换为内联元素，因此宽度适用于它们。

标签： html css input width

【解决方案1】：

non-replaced inline elements 除外。输入是一个被替换的元素。

替换元素

在 CSS 中，被替换元素是一个表示为超出了 CSS 的范围。这些是一种外部对象，其表示独立于 CSS。典型的替换元素是<img>、<object>、<video> 或<textarea> 等表单元素和 <input>。一些元素，如 <audio> 或 <canvas> 是替换元素仅在特定情况下。使用 CSS 内容插入的对象属性是匿名替换元素。

CSS 在某些情况下专门处理被替换的元素，比如当计算边距和一些自动值。

请注意，某些被替换的元素（但不是全部）具有内在的尺寸或定义的基线，由某些 CSS 属性使用比如垂直对齐。

参考：MDN - Replaced element

【讨论】：