ie兼容display:box

在我们遇到左边图片,右边一段文字,这样的,一段宽度固定,一段宽度不定的情况,我们会用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;其实是不需要的

你可能感兴趣的:(display)