CSS 怎样实现图片在一段文字中缩进?【图】

html-css06

CSS 怎样实现图片在一段文字中缩进?【图】,第1张

图片设置左浮动就行了,在加个10px的边界:

<div>

<span style="float:leftmargin:10px"><img src="图片地址"/></span>

<span style="font-size:12pxline-height:2.0">文字</span>

</div>

text-indent如果使用%的话,是基于父元素宽度的百分比进行缩进的。也就是说,这里的10%是取父元素div#outer的500px * 10%,也就是50px咯。P标签如果也是设置为10%,它的父元素同样是 div#outer,所以缩进的值是一样一样滴。。参考下这里:http://www.w3school.com.cn/css/pr_text_text-indent.asp

上图右下角,就是div#inner缩进了50px。。提示下,缩进可以使用em来解决,比如text-indent:2em就是缩进俩中文字符(英文是4个字符)。。另外,用了id的话,其实没必要写成div#inner,直接用#inner就可以啦

父级DIV 设置padding-left属性

<div style="padding-left:20px">

<ol>//注意:ol,li是有默认的padding和margin的

<li>中国移动</li>

<li>中国联通</li>

</ol>

</div>