div{width:fit-content;}
个人觉得这个挺好的。平时开发的时候可以用上。
width:fit-content可以实现元素收缩效果的同时，保持原本的block水平状态，于是，就可以直接使用margin:auto实现元素向内自适应同时的居中效果了。就是div的自适应宽度不是100%而是内容的大小。很好的实现了，block元素的水平居中。
跟随有定宽的的最大最小宽度，不会进行收缩。
它们的效果图和区别下图就可以看得很清楚。
**
max-content 和fit-content，
当元素内容没有超出行宽的时候，最终的宽度都是内容的宽度。
而超出行宽的时候，max-content的表现是不换行，出现横向滚动条，fit-content的表现是会换行。
**
键词：box-shadow、overflow-x、overflow-y、min-width、min-height、max-width、max-height、zoom、po...
新增属性 边框属性： border-color：为边框设置多种颜色 border-image：图片边框 border-radius：圆角边框 box-s
默认下，width和height属性只指定元素的内容的高和宽。而对填充区、边框区和外边距区所占的空间不起任何效果。（盒子模型包含内容区、填充区、边框区和外边距区）、 CSS
目的是动态改变宽度/高度的变化，适配问题。 width: calc(100% - 20px); css3 的 calc()函数。 这里的意思是设置宽度比100%的宽
用法： div{ width:fit-content; } 1、fit-content（会根据行宽调整，会自动换行。） 个人觉得这个挺
![7a340f02f6f47237c2bdc414eac49f67.png][] background-image CSS3 中可以通过 background-ima
一. box-shadow(阴影效果) 使用: box-shadow: 20px 10px 0 \000; \-moz-box-shadow: 20px 10px 0 \
一. box-shadow(阴影效果) 使用: box-shadow: 20px 10px 0 \000; \-moz-box-shadow: 20px 10px 0 \
CSS3 animation属性 1. 使用格式： animation: name duration timing-function delay iteration-c
小灰灰
绝地灬酷狼
Bertha 。
╰+哭是因爲堅強的太久メ
还没有评论，来说两句吧...