免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 2642 | 回复: 0

div display=inline background-image 的时候,图片不显示 [复制链接]

论坛徽章:
0
发表于 2011-12-19 14:02 |显示全部楼层
当display=inline的时候background内的image就不显示了~~~~~~~~~~~~

解决方法:还是用display:block 同时使用 float:left

这样所有元素跑到最多边了..想居中???

在外围再加一个div,让这个div居中 就可以达到效果了..


<div style="width:100px;height:100px;border:5px solid green;margin:0px auto;" align="center">
    <div style="float:left;width:40px;height:40px;border:3px solid Blue;margin:2px;background:#ccc"></div>
    <div style="float:right;width:40px;height:40px;border:3px solid red;margin:2px;background:#ccc"></div>
</div>


效果图:


您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP