css填充图片不平铺代码 |css 限制字数省略号

css黑色rgb，css各种形状边框，css设置from页面居中，css方正大标宋，css图片遮罩动态效果，用css设置iframe宽高，css 限制字数省略号 css填充图片不平铺代码 |css 限制字数省略号

实现这个功能的主要是使用CSS中的background-size属性，大家可以通过设置这个属性的值来让图片居中，而不是平铺。

background-size: cover;  /* 等比例缩放图片铺满容器，图片可能被裁切 */
background-size: contain;  /* 等比例缩放图片使图片完整的呈现在容器中 */
background-size: auto 100%;  /* 把图片的宽度设置为自适应，高度占满容器 */
background-size: 100% auto;  /* 把图片的高度设置为自适应，宽度占满容器 */
background-size: 50% 50%;  /* 把图片放在容器中央，尽可能显示完整图片 */
background-size: auto;  /* 把图片的原始大小显示在容器中 */

通过使用上述代码，便可以实现CSS中填充图片不平铺的效果了。