文字环绕图片

文字右环绕:


    <p style="width:400px;">  
            <img src="img/1.png" width="110" align="left"  hspace="10" vspace="0">  
            文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字字文字  
        </p>  


利用img属性排版:

align:(值 top bottom left right )规定如何根据周围的文字来排列图像
hspace:定义图像左右两侧的空白大小
vspace:定义图像上下两侧的空白大小

文字左环绕:

    <p style="width:400px;">  
            <img src="img/1.png" align="right" width="110" hspace="10" vspace="0">  
            文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字字文字  
        </p>  
阅读更多
上一篇PS在前端的应用
下一篇三栏式布局
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭