以前用过不少背景图片的css代码,但用得最多的是lefttopno-repeatrepeat-xrepeat-y设置平铺坐标(经常复制的代码是background-position:lefttop;background-repeat:no-repeat;)。搜索过居中的代码,但都说不能让背景图片居中。以前无奈只能用js来加个z-index比正常idv小的div让图片居中来实现。今天才发现background-position居然可以设置lefttop的数值、百分比,后来一想用两个center不就可以居中了么?一试果然居中了!让背景图片居中的css--超简单,只要句代码background-position:centercenter;看来经常复制别人的代码是会严重限制了自己的思路和创新的。如果一开始查看文档说明具体用法和属性自己手写则很容易发现background-position里面包含了lefttopbottomrightcenterinherit属性,那么也就不难发现居中的代码了。
让背景图片居中的css--超简单,只要句代码
最新推荐文章于 2021-06-08 13:02:50 发布