首页 > 其他 > 详细

ie兼容display:box

时间:2014-09-25 16:21:28      阅读:187      评论:0      收藏:0      [点我收藏+]

在我们遇到左边图片,右边一段文字,这样的,一段宽度固定,一段宽度不定的情况,我们会用display:box来解决,但是,ie却不会兼容,这样就有以下一种方法

html代码

<div>
<img class="img" src="xxxxx"/>
<div class="title">xxxxxxxxxxxxx</div>
</div>

 

css代码

.img {float:left}
.title {padding-left: 45px;display: block;}

padding-left为左边图片固定的宽度,这个地方如果写的是span这类行标签,就一定要加上display: block;  很多人会将右边也设置float:left;其实是不需要的

ie兼容display:box

原文:http://www.cnblogs.com/snowbaby-kang/p/3992990.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!