在flex-direction为row,writing-mode为horizo??ntal-tb的父flexbox中,flexitem的尺寸由以下属性决定:boxmodelbox-sizing:size根据content-Box计算或者border-box计算;basesize:优先级flex-basis>width>maximumcontentsize如果flex-basis的值不为auto,则决定basesize;否则,如果有宽度,则宽度决定基本尺寸;否则,基本尺寸被最大内容尺寸取代;flex-basis:content/max-content效果相当于最大内容大小;最小尺寸:优先min-width>width||minimumcontentsize如果有min-width,则由决定最小尺寸;否则,最小尺寸由min(width,minimumcontentsize)决定(例外:如果flex-basis的值不是auto,width被忽略,最小尺寸直接取最小内容尺寸)。Chrome当前bug:即使flex-basis的值不是auto,width也会参与最小尺寸的计算。最大尺寸:max-width拉伸:flex-grow和flex-shrink计算公式:flexitem最终尺寸=min(max(basesize+stretchsize,minimumsize),maximumsize)一些定义:最小内容尺寸:元素文本内容中最长单词的长度,或者元素内部固定大小子元素中最长子元素的长度;contentsize/maxcontentsize:元素内容的长度。
