包裹性包括包裹和自适应性
自适应:元素尺寸又内部元素决定
包裹:元素尺寸永远小于其包含块容器的尺寸(除非容器尺寸小于元素的“首选最小宽度”)
例子:<button>标签
<button>标签的宽度回随文字增多而变大,不过永远小于设定的宽度,当文字超过该宽度时,会自动换行。
具有包裹性的元素:inline-block,position:absolute,float
首选最小宽度:
中文:最小宽度为每个汉字的宽度
英文:最小宽度又特定的连续英文字符单元决定,一般会终止于空格,短横线,问号等
图片:替换元素最小宽度即本身的宽度
(以上内容借鉴张鑫旭大佬的《css世界》)