让背景图片居中的css--超简单，只要句代码

webcode

以前用过不少背景图片的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属性，那么也就不难发现居中的代码了。