DW中图片和文字间距太宽咋办？环绕方式怎么调

来源：互联网 2023-02-20 17:18:09 136

用Dreamweaver排版文字和图片的时候，经常有这样的情况：图片和文字的间距太宽，影响美观，而且图片与文字的环绕方式不知道在哪里设置，就比的Dreamweaver图文环绕方式就在属性栏，新版就没有了，很郁闷，所以下面我为大家讲解一下。

DW中图片和文字间距太宽咋办？环绕方式怎么调？

工具/原料

打开Dreamweaver，之后，新建一个html文档，然后在界面的上方找到插入图片的按钮，点击它，插入图片。这里是为了举例说明，所以用一个简单的图片和文字的讲解。

DW中图片和文字间距太宽咋办？环绕方式怎么调？

插入图片之后，再写上文字，文字在图片下方，和图片的距离比较远，这是默认的距离，不会调的话，怎么调都是这么宽的，很麻烦。

DW中图片和文字间距太宽咋办？环绕方式怎么调？

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

DW中图片和文字间距太宽咋办？环绕方式怎么调？

将图片和文字对应的所有P版权都删除，包括和/，这些标签是段落标签，dw默认段间距太宽，所以我们就换一种段落方式。

DW中图片和文字间距太宽咋办？环绕方式怎么调？

删掉了p标签之后，在文字的前端写上br>,然后看一下效果，图片和文字的距离缩小了，效果如图所示。

DW中图片和文字间距太宽咋办？环绕方式怎么调？

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

DW中图片和文字间距太宽咋办？环绕方式怎么调？

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

DW中图片和文字间距太宽咋办？环绕方式怎么调？

我们就选择的是左对齐，效果如图中所示。是不是环绕的很整齐，在网页排版文字时经常需要用到，小伙伴们可以边操作边看教程，这样操作一遍就会了。

DW中图片和文字间距太宽咋办？环绕方式怎么调？

8本页面非法爬取自百度经验

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！