hooyantsing's Blog

P50_14_max-content_min-content盒子根据内容尺寸自适应

字数统计: 98阅读时长: 1 min
2020/04/13

P50 14 max-content&min-content盒子根据内容尺寸自适应

常规都是父元素决定子元素的宽度,而这两个参数值将由子元素决定父元素的宽度。

4e277038f772fc6d1836a7ba0183844b.png

1
2
3
4
//父元素的宽度根据子元素的最小宽度来设置
width: min-content;
//父元素的宽度根据子元素的最大宽度来设置
width: max-content;
CATALOG