html图像元素的水平边距属性hspace

2012/11/17 16:18:49作者：佚名来源：网络

移动端

【实例介绍】

图像与文字之问的水平距离可以通过hspace参数进行调整：通过调整图像的边距，可以使文字和图像的排列显得紧凑，看上去更加协调。

【基本语法】

【语法介绍】

在该语法中，水平边距hspace属J陛的单位是像素。

【实例代码】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
莽莽林海，随季节变化，呈<img src="5.1.7.jpg" width="204" height="151" 
hspace="20"  align="right" />我走进了学校，为了找一个人，我的朋友，
一个和我一起学习了9年的朋友，我不紧不慢地走向寝室楼，走向可能有他的地方，
我心里正在担心是否他已离开。不过，上天对我还是宽裕的，我不费吹灰之力的看到了他，
他正从寝室出来，并和他妈妈在一起，我想我午饭有着落了。正如心里想的一样，
我们一起坐着车再打了的到有意思，我算是旧地重游了。我不说和。
</body>
</html>

【代码分析】

在代码中，加粗部分的标记是为图像添加水平边距，在浏览器中预览，可以看到设置的水平边距为20像素，如图所示。

图像元素的水平边距属性hspace运行效果