首页 > 代码库 > html基础 img标记 设置图片与上下/左右之间的距离

html基础 img标记 设置图片与上下/左右之间的距离

镇场诗:
    清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
    学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————

ex1:

  code:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
</head>
<body>
    <!--
        图片与左右文字之间的距离 hspace
        图片与上下文字之间的距离 vspace
      -->
    
            <p>            
                <img src="http://www.mamicode.com/images/picture.jpg" hspace="20" vspace="20" align="left">
                阿难白佛言:世尊,我亦闻佛,与文殊等诸法王子,谈实相时,世尊亦言,心不在内,亦不在外。如我思惟,内无所见,外不相知。内无知故,在内不成。身心相知,在外非义。今相知故,复内无见,当在中间。佛言:汝言中间,中必不迷,非无所在。今汝推中,中何为在。为复在处。为当在身。若在身者,在边非中,在中同内。若在处者,为有所表,为无所表。无表同无。表则无定。何以故。如人以表,表为中时,东看则西,南观成北。表体既混,心应杂乱。阿难言:我所说中,非此二种。如世尊言,眼色为缘,生于眼识。眼有分别,色尘无知。识生其中,则为心在。佛言:汝心若在根尘之中,此之心体,为复兼二,为不兼二。若兼二者,物体杂乱。物非体知,成敌两立,云何为中。兼二不成,非知不知,即无体性,中何为相。是故应知,当在中间,无有是处。  
            </p>
</body>
</html>

  

  result:

技术分享

 

 

ex2:

  code:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
</head>
<body>
            <p>            
                <img src="http://www.mamicode.com/images/picture.jpg" hspace="20" vspace="20" align="right">
                阿难白佛言:世尊,我亦闻佛,与文殊等诸法王子,谈实相时,世尊亦言,心不在内,亦不在外。如我思惟,内无所见,外不相知。内无知故,在内不成。身心相知,在外非义。今相知故,复内无见,当在中间。佛言:汝言中间,中必不迷,非无所在。今汝推中,中何为在。为复在处。为当在身。若在身者,在边非中,在中同内。若在处者,为有所表,为无所表。无表同无。表则无定。何以故。如人以表,表为中时,东看则西,南观成北。表体既混,心应杂乱。阿难言:我所说中,非此二种。如世尊言,眼色为缘,生于眼识。眼有分别,色尘无知。识生其中,则为心在。佛言:汝心若在根尘之中,此之心体,为复兼二,为不兼二。若兼二者,物体杂乱。物非体知,成敌两立,云何为中。兼二不成,非知不知,即无体性,中何为相。是故应知,当在中间,无有是处。  
            </p>
</body>
</html>

  

  result:

技术分享

 

——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。编辑器 VS2015,浏览器 Firefox。
html+css+js,强,值得努力学习。我是跟着 传智播客的PHP基础视频_html+css+js 视频教程学习的,推荐。
我是一个新手,所以如果博文的内容有可以改进的地方,甚至有错误的地方,请留下评论,我一定努力改正,争取成就一个良心博客。
注:此文仅作为科研学习,如果我无意中侵犯了您的权益,请务必及时告知,我会做出改正。

html基础 img标记 设置图片与上下/左右之间的距离