为了账号安全,请及时绑定邮箱和手机立即绑定

为什么图片只是在content边框内,怎么让图片在content里面居中显示呢?

为什么图片只是在content边框内,怎么让图片在content里面居中显示呢?

正在回答

6 回答

background:#ccc url(http://static.mukewang.com/static/img/logo_index.png) no-repeat center; 

1 回复 有任何疑惑可以回复我~
#1

慕粉3343138 提问者

非常感谢!
2016-10-21 回复 有任何疑惑可以回复我~

background:#ccc url(http://static.mukewang.com/static/img/logo_index.png) no-repeat center center; 

0 回复 有任何疑惑可以回复我~

那个图片是一个背景图片~这个实例只是介绍基本用法  意思是你可以让背景做整个div包含div的边框(border)的背景  也可以做div不包含边框的背景  也可以只做div的padding里面内容的背景  

如果背景图比较小 你想让背景居中显示  我只知道两种方法  

一种是在背景图引用的后面加 top  或者left  分别是宽度居中和高度居中  但是不能显示在正中心   而且两个一起用没有任何居中效果 只会显示在左上角

另一个方法是把背景图片做图片放在HTML里面 或者另外写一个div  设置相对定位设置z-index让它在底层显示

1 回复 有任何疑惑可以回复我~

你是说img标签引入的图片吗?

0 回复 有任何疑惑可以回复我~

 不是这个意思,我说的是让那个图片 在content里面的正中间

0 回复 有任何疑惑可以回复我~

设置background-origin属性为content-box,代码如下:

.wrap{

    background: url('.....');

    background-origin:content-box;

}

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么图片只是在content边框内,怎么让图片在content里面居中显示呢?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信