替换元素:替换元素是指那些通过修改特定属性来呈现内容的元素。这些元素的内容外观不受页面CSS的直接影响,而是由元素本身的属性或外部对象来控制。包括<img>、<object>、<video>、<iframe>以及表单元素如<textarea>、<input>和<select>等。
替换元素的默认 display 值。所有的替换元素都是内联水平元素,也就是替换元素和替换元素、替换元素和文字都是可以在一行显示的。但是,替换元素默认的 display 值却是不一样的。
替换元素的尺寸计算规则:如果没有CSS尺寸和HTML尺寸,则使用元素的固有尺寸作为最终的宽高;其次,如果没有CSS尺寸,则使用HTML尺寸(如通过width和height属性设置的尺寸)作为最终的宽高;最后,如果设置了CSS尺寸,则最终尺寸由CSS属性决定。此外,如果替换元素具有固有的宽高比例,并且仅设置了宽度或高度中的一个值,那么元素将按照其固有的宽高比例进行显示。
替换元素的默认 display 值。所有的替换元素都是内联水平元素,也就是替换元素和替换元素、替换元素和文字都是可以在一行显示的。但是,替换元素默认的 display 值却是不一样的。
替换元素的尺寸计算规则:如果没有CSS尺寸和HTML尺寸,则使用元素的固有尺寸作为最终的宽高;其次,如果没有CSS尺寸,则使用HTML尺寸(如通过width和height属性设置的尺寸)作为最终的宽高;最后,如果设置了CSS尺寸,则最终尺寸由CSS属性决定。此外,如果替换元素具有固有的宽高比例,并且仅设置了宽度或高度中的一个值,那么元素将按照其固有的宽高比例进行显示。