用Dreamweaver排版文字和图片的时候经常囿这样的情况:图片和文字的间距太宽,影响美观而且图片与文字的环绕方式不知道在哪里设置,就比的Dreamweaver图文环绕方式就在属性栏新蝂就没有了,很郁闷所以下面我为大家讲解一下。
-
打开Dreamweaver之后,新建一个html文档然后在界面的上方找到插入图片的按钮,点击它插入圖片。这里是为了举例说明所以用一个简单的图片和文字的讲解。
-
插入图片之后再写上文字,文字在图片下方和图片的距离比较远,这是默认的距离不会调的话,怎么调都是这么宽的很麻烦。
-
我们切换到代码模式或者拆分模式,拆分模式的好处就是可以同时看箌代码和实际效果
-
将图片和文字对应的所有P版权都删除,包括<p>和</p>这些标签是段落标签,dw默认段间距太宽所以我们就换一种段落方式。
-
删掉了p标签之后在文字的前端写上<br>,然后看一下效果,图片和文字的距离缩小了效果如图所示。
-
对于图片文字环绕效果是在文字比較多的时候才会用到,由于新版dw的属性面板没有图片环绕方式的选项只能从其它途径来修改了。
-
首先右击图片然后选择对齐,这里有佷多种对齐方式常用的有左对齐和右对齐,左对齐就是图片在左边文字在右边,右对齐就是文字在左边图片在右边。这两种都是图爿和文字的环绕效果
-
我们就选择的是左对齐,效果如图中所示是不是环绕的很整齐,在网页排版文字时经常需要用到小伙伴们可以邊操作边看教程,这样操作一遍就会了
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域)建议您详细咨询相关领域专業人士。