css图片中间添加空白区域怎么弄

html-css020

css图片中间添加空白区域怎么弄,第1张

css图片中间添加空白区域按照以下步骤弄。

1、将图片转化为块级对象。

2、设置图片的垂直对齐方式。

3、设置父对象的文字大小为0px。

4、改变父对象的属性。

5、设置图片的浮动属性。

6、取消图片标签和其父对象的最后一个结束标签之间的空格。

inline-block本身会自带空隙或者block块级元素和其他元素之间因为空白而产生间隔。

容器设置font-size:0子容器再设置font-size即可

如:

html结构举例:

<div id="box">

    <div>后面的span换行有空隙可根据下面的css设置修正</div>

    <span>测试</span>

</div>

css举例:

#box{font-size:0}

#box div{font-size:14px}

#box span{font-size:12px}

line-height:行间距

ling-height:属于用于设置行间距,就是行与行之间的距离。

text-aligh:水平对齐方式

text-aligh属性用于设置文本内容的水平对齐,相当于html中的align对齐属性,其可用属性值:

left

right

center

text-indent:首行缩进

text-indent属性用于设置首行文本的缩进,其属性值可为不同单位的数值。

letter-spacing:字间距

letter-spacing属性用于定以字间距,所谓字间距就是字符与字符之间的空白,其属性值可谓不同单位的数值,允许使用负值,默认为normal

word-spacing:单词间距

word-spacing属性用于设定英文单词之间的间距,对中文字符无效。