锚标记的尺寸
默认情况下,锚标记不假定其包含元素的尺寸。 CSS 2.1 规范对此进行了解释,该规范控制元素在网页上的布局方式。
非替换内联元素
锚标记 () 被视为不可替换的内联元素。内联元素沿着文本行流动,通常没有固有的宽度或高度。
高度计算
对于非替换内联元素,“height”属性不适用。高度通常由元素内容的字体规格确定。在提供的示例中,高度为 18px,由锚点中包含的文本大小决定。
宽度计算
'width' 属性也不直接应用于非替换的内联元素。宽度是根据元素的内边距、边框、边距和内容计算的。
图像内容
锚标记内的图像不参与宽度计算。这是因为内联非替换元素的宽度不受其内容大小的影响。
边距折叠
内联上下文中锚标记之间的空格遵循边距折叠规则。在这种情况下,锚标记之间的连续空格会折叠成单个空格。第一个锚点末尾的空间影响其宽度,而第二个锚点开头的空间则不然。
示例计算
第一个锚点标签的宽度为 114px(图像空间)20px(左边距)10px(左右边框)= 144px。
第二个锚标签的宽度为280px(图像)20px(左边距)10px(左右边框)= 310px。
结论
锚标签,作为不可替换的内联元素,不继承高度或其包含元素的宽度。它们的尺寸主要由它们自己的内容(文本)、填充、边框、边距以及内联上下文中边距折叠规则的应用决定。
以上是为什么锚标签不继承其包含元素的维度?的详细内容。更多信息请关注PHP中文网其他相关文章!