。
有些元素(<input>, <select>, <button>, <img>, <object>, and <textarea>
)被视为 其外观和尺寸由外部资源定义。(例如,操作系统,插件等)
替换的元素可以具有固有的尺寸- 宽度和高度值,该值由元素本身而不是由文档中的周围环境定义。例如,如果图像元素的宽度设置为auto,则将使用链接图像文件的宽度。内部尺寸还定义了一个内部比例,用于确定元素的计算尺寸(如果仅指定一个尺寸)。例如,如果仅为图像元素指定宽度(例如100px),而实际图像的宽度为200像素,高度为100像素,则元素的高度将按相同的比例缩放到50px。
在CSS的控制范围之外,替换的元素还可能具有由元素施加的视觉格式要求;例如,为表单元素呈现的用户界面控件。
W3C的CSS 2.1“ Visual Formatting ModelDetails”部分[讨论]了替换元素和未替换元素的宽度计算。
总体而言,某些表单元素(<textarea>,<button>,and<input>
)非常令人讨厌。可以/会改变吗?可能不会很快到来…直到它的核心发生变化,我们必须坚持这些技巧