1. 程式人生 > >html設定影象與文字的對齊方式

html設定影象與文字的對齊方式

<!DOCTYPE <!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>設定影象與文字的相對位置</title>
</head>
<body>
<font size="3" color="#ff66cc">玫瑰花的生長過程</font>
<!--影象的底端與文字的底端對齊-->
<img src="images/001.gif" align="bottom"/>
<!--影象的中間與文字的中間對齊-->
<img src="images/002.gif" align="middle"/>
<!--影象的頂端與文字的頂端對齊-->
<img src="images/003.gif" align="texttop"/>
<!--影象的中間與文字的中間對齊-->
<img src="images/004.gif" align="absmiddle"/>
<!--影象的底端與文字的底端對齊-->
<img src="images/005.gif" align="baseline"/>
</body>
</html>

效果: