css3自适应宽高fill-available&&fit-content&&max-content&&min-content - TOMMYHU - 专注互联网开发及运营技术,提供相关资料及软件下载,奇趣网络时事评论!
Mar 10

css3自适应宽高fill-available&&fit-content&&max-content&&min-content 不指定

tommyhu , 09:41 , 大前端 » CSS3 , Comments(0) , Trackbacks(0) , Reads(63) , Via Original Large | Medium | Small
针对width和height的宽高css3自适应fill-available&&fit-content&&max-content&&min-content
fill-available表示撑满可用空间(包括高度,宽度)[此处包括padding和margin会尽可能的撑满,只对于行内块(inline-block)和块元素(block)起作用,webkit内核支持。]
fit-content表示宽度缩小到内容的宽度
max-content表示用内部元素宽度值最大的那个元素的宽度作为最终容器的宽度。
min-content表示用内部元素最小宽度值最大的那个元素的宽度作为最终容器的宽度。这个最小宽度值有最大什么意思,如果是图片的话最小宽度值就是图片所呈现的宽度,如果是汉字就是一个字的宽度,如果是英文就是单词的宽度。

▲返回顶部
Last modified by tommyhu on2020/03/10 09:42
Add a comment

Nickname

emotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemot