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

.ui-btn-right_home{position:absolute;top:0px;right:0px;background:url(../../images/th... .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;} 展开
 我来答
eadio
推荐于2016-05-08 · TA获得超过1610个赞
知道小有建树答主
回答量:962
采纳率:80%
帮助的人:1004万
展开全部

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;就能实现了
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
慎重还可靠灬宝贝f
推荐于2016-10-27 · TA获得超过12.9万个赞
知道大有可为答主
回答量:1.9万
采纳率:52%
帮助的人:2513万
展开全部

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


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

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
我是_大牛
2015-10-15 · 超过16用户采纳过TA的回答
知道答主
回答量:84
采纳率:0%
帮助的人:24.8万
展开全部
使用居中标签
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
琪琪77QQqq
2014-06-16 · TA获得超过576个赞
知道小有建树答主
回答量:926
采纳率:0%
帮助的人:325万
展开全部
margin:0 auto;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式