您的位置:首页 > 其它

文字相对于图片位置

2012-04-14 16:43 204 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>文字相对于图像的位置</title>
<style type="text/css">
<!--
/*设置文字显示在图片的上边*/
img.top {
vertical-align: text-top;
}

/*设置文字显示在图像的下方*/
img.bottom {
vertical-align: text-bottom;
}

-->
</style>
</head>

<body>
<p>这幅图<img class="top" src="photo/css91.gif"/>在上面显示</p>

<p>这幅图<img class="bottom" src="photo/css91.gif"/>在下面显示</p>
</body>
</html>



                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: