CSSCSS box sizing

原创
admin 4个月前 (08-22) 阅读数 14 #CSS

CSS box sizing

CSS box sizing模块使开发者能够指定元素如何适应其内容或如何适应特定的布局上下文。它定义了尺寸、最小尺寸和最大尺寸属性,并通过关键字扩展了CSS尺寸属性,这些关键字代表基于内容的内在尺寸和基于上下文的外在尺寸

元素可以具有外在尺寸或内在尺寸。CSS盒模型定义了页面相对属性,用于明确地或"外在地"设置元素的尺寸,包括widthheightpaddingmargin属性(以及CSS背景和边框模块中定义的border属性)。CSS box sizing模块扩展了CSS盒模型模块,使元素能够具有内在尺寸——即基于内容大小设置元素尺寸。

此模块引入的尺寸值允许具有尺寸包含的元素采用明确的内在尺寸,就好像其流内内容的宽度和高度与指定的明确内在尺寸相匹配,而不是被当作空元素来设置尺寸。

该模块还引入了为元素盒子定义宽高比的能力,这意味着只要其中一个维度是自动调整大小的,浏览器就可以自动调整元素的尺寸以保持指定的宽高比。

逻辑属性和值模块扩展了盒模型和box sizing模块中可用的属性,包括了与书写模式相关的相应物理盒模型和内在盒尺寸属性的等效项。

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权本站发表,未经许可,不得转载。

作者文章
热门
最新文章
标签列表