#书摘
《CSS 新世界》3.1.3 深入了解min-content关键字
min-content 关键字实际上就是CSS2.1规范中提到的“preferred minimum width”或者“minimum content width”,即“首选最小宽度”或者“最小内容宽度”。

1. 元素的 padding-box、border-box和margin-box的尺寸表现规则不会因为元素的不同而有所不同,但是content-box不一样,它随着内容的不同,首选最小宽度也会不同。
- 替换元素(按钮、视频和图片等元素)的首选最小宽度是当前元素内容自身的宽度
- CJK文字,指的是中文、日文、韩文这几种文字。这里以中文为代表加以说明。如果是一段没有标点的中文文字,则首选最小宽度是单个汉字的宽度。如果包含避头标点或避尾标点,同时line-break的属性值不是anywhere,则最终的首选最小宽度需要包含标点字符的宽度
(连续的中文破折号都会被认为是一个字符单元。)
- 非CJK文字(除中文、日文、韩文之外的文字,如英文、数字和标点等字符)的首选最小宽度是由字符单元的宽度决定的,所有连续的英文字母、数字和标点都被认为是一个字符单元,直到遇到中断字符。
首先无论是哪个浏览器,Space空格(U+0020)都能中断字符单元,并且忽略Space空格前后字符的类型。而其他字符的中断规则在每个浏览器中都是不一样的。

2. 一个元素最终的首选最小宽度是所有内部子元素中最大的那个首选最小宽度值

https://memo.cosine.ren/m/418
 
 
Back to Top