html中怎么调整添加的图片与文本之间的距离?

2020-04-17 母婴育儿 396阅读

html调整添加的图片与文本之间的距离方法:

方法/步骤

1、打开Dreamweaver,新建一个html文档,然后在界面的上方找到插入图片的按钮,点击插入图片。

2、插入图片后写上文字,文字在图片下方,和图片的距离比较远,这是默认的距离。

3、切换到代码模式,或者拆分模式,拆分模式的好处就是可以同时看到代码和实际效果。

4、将图片和文字对应的所有P版权都删除,包括

,这些标签是段落标签,dw默认段间距太宽,所以就换一种段落方式。

5、删掉了p标签之后,在文字的前端写上
,然后看一下效果,图片和文字的距离缩小了,

6、对于图片文字环绕效果,是在文字比较多的时候才会用到,由于新版dw的属性面板没有图片环绕方式的选项,只能从其它途径来修改了。

7、右击图片,然后选择对齐,这里有很多种对齐方式,常用的有左对齐和右对齐,左对齐就是图片在左边,文字在右边,右对齐就是文字在左边,图片在右边。这两种都是图片和文字的环绕效果。

8、选择的是左对齐,效果如图中所示。

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com