html调整添加的图片与文本之间的距离方法:
方法/步骤
1、打开Dreamweaver,新建一个html文档,然后在界面的上方找到插入图片的按钮,点击插入图片。
2、插入图片后写上文字,文字在图片下方,和图片的距离比较远,这是默认的距离。
3、切换到代码模式,或者拆分模式,拆分模式的好处就是可以同时看到代码和实际效果。
4、将图片和文字对应的所有P版权都删除,包括
和
,这些标签是段落标签,dw默认段间距太宽,所以就换一种段落方式。5、删掉了p标签之后,在文字的前端写上
,然后看一下效果,图片和文字的距离缩小了,
6、对于图片文字环绕效果,是在文字比较多的时候才会用到,由于新版dw的属性面板没有图片环绕方式的选项,只能从其它途径来修改了。
7、右击图片,然后选择对齐,这里有很多种对齐方式,常用的有左对齐和右对齐,左对齐就是图片在左边,文字在右边,右对齐就是文字在左边,图片在右边。这两种都是图片和文字的环绕效果。
8、选择的是左对齐,效果如图中所示。