Dreamweaver学习:[9]图文混排



Dreamweaver学习:[9]图文混排

当网页中既有图片又有文字的时候该怎么排版?一起来学习。

工具/原料

  • Dreamweaver

方法/步骤

  1. 在文字上插入图片后发现,文本和图片是紧密联系在一起的,一起学习怎么进行文字混排。

    Dreamweaver学习:[9]图文混排
  2. 主要是要使用到图片的对齐方式。

    Dreamweaver学习:[9]图文混排
  3. 选中图片,在图片属性中找到对齐,点击下拉按钮,看到对齐方式有:基线、顶端、居中、底部、文本上方、绝对居中、绝对底部、左对齐、右对齐等对齐方式。通过选择达到预想的效果。

    Dreamweaver学习:[9]图文混排
    Dreamweaver学习:[9]图文混排
  4. 4

    还可以通过图片属性下边的边距来更改图片与文字之间的间距。

    Dreamweaver学习:[9]图文混排
    Dreamweaver学习:[9]图文混排
  5. 5

    按f12查看修改后的效果。

    Dreamweaver学习:[9]图文混排