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

html-css020

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

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

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

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

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

4、改变父对象的属性。

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

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

用CSS往图片上嵌入文字有二种方法，分别如下：

第一种方法、添加一个DIV，采用绝对定位，图片所属DIV为基准。

参考代码如下：

1

2

3

4

5

6

<div style="position:relativewidth:100pxheight:100px">

<img src="" alt="" />

<div style="position:absolutewidth:100pxheight:100pxz-indent:2left:0top:0">

文字

</div>

</div>

第二种方法、图片作为背景图片。

参考代码如下：

1

2

3

<div style="background:url(abc.jpg) no-repeat left top">

文字

</div>

想插入空格的代码中插入&nbsp；即可。一个&nbsp代表一个空格

如果是想通过空格缩进，可以通过divcss{text-indent:50px}，这里divcss对象内段落首行开头文字缩进了50像素。

在属性中需要空格，可以直接按Space键即可