图片和字符之间的间距怎么处理？html的

html-css016

图片和字符之间的间距怎么处理？html的,第1张

有好几种方法可以解决：1、调整全站的图片CSS，即在CSS当中，增加：img{margin:10px0}，意思即为图片上下增加10像素距离。2、调整文字的CSS，即在CSS当中，增加：p{padding-top:10px}，意思即为段落文字前，增加10像素的间隔。3、最简单的办法，输入文字前，敲上一个回车键，增加一行即可。

1.在文件夹中创建一个“test”的html文件。如图所示

2.在里面添加html标签框架。如图所示

3.在里面添加一个“div”并放入文字。如图所示

4.然后我们发现默认文字之间比较紧凑。如图所示

5.现在我们给div设置一个id为“wd”。如图所示

6.通过css在style使用letter-spacing给wd中的文字设置字间距为30px。#wd{letter-spacing:30px}如图所示

7.在浏览器中打开我们发现字间距变大了。如图所示

<td width="147" height="166" valign="middle" align="center"><img src="images/index_pic.jpg" width="160" height="140"><br>

<div style="font-size: 9ptcolor:#000000margin-top:10px">太极风骨通</div></td>