Question

CSS代码怎么让小图标居中哦

.ui-btn-right_home { position:absolute; top:0px; right:0px; background:url(../../images/themes/home2.png) no-repeat center center; display:block; width:50px; height:44px;text-indent: -9999px; margin:0; padding:0; background-size:24px auto;}

Answer 1

background-position:center center;重新写入这句话。。因为你使用了background-size裁切了背景图的大小，得用position来设定居中~~~

测试：

初始。。。不加position

加了定位后，居中了

追问

亲，可以把完整代码直接复制一下吗？就和我提问的一样的

追答

test

/*清除浮动*/
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix{*zoom:1;}
body{

}
.demo {

border:solid 1px #ccc;
}
.ui-btn-right_home { position:absolute; top:0px; left:50%; background:url(test.jpg) no-repeat center center; display:block; width:50px; height:44px; margin-left: -25px;text-indent: -9999px; padding:0; background-size:24px auto; /*background-position:center center;*/}

话说你这段代码不加也居中啊。。还是你要div居中的？？是这么操作的，left:50%; margin-left:-(width)/2...在本例子中margin-left:-25px;就能实现了

Answer 2

如果是直接引用图片地址，在小图标上一个层CSS中加代码text-align:center。

如果是背景图片，css中写background:url(图片地址) no-repeat center centet;

Answer 3

使用居中标签

Answer 4

margin:0 auto;