文字处理问题

1.文字和图片环绕

（1）利用图片属性实现

<div>
  <img src="img.png" align="left" width="120" hspace="5" vspace="5"></img>
  <p>长期以来受狭隘教育观的影响<p>
</div>
//align 表示图片的位置，vspace 表示图片与文字的上下距离，hspace表示左右距离。
//还可以用图片margin控制图片文字间距。

//如果是两段文字：
<div>
  <img src="img.png" align="left" width="120" hspace="5" vspace="5"></img>
  <p>长期以来受狭隘教育观的影响<p>f
  <p>长期以来受狭隘教育观的影响<p>
</div>

image1.png

（2）利用css

<div>
    <div style="float:left; clear: both;" align="center">
        <img src="images/bkjj.jpg" width="120" hspace="5"><br /> 图片标题
    </div>
    长期以来受狭隘教育观的影响
</div>
//通过修改float的值确定图片的位置，可以加图片标题。