私人领地

vertical-align0 垂直对齐- 图片 兼容个浏览器

效果： 

 

代码：

<html>

<head>
<style type="text/css">
img.top {vertical-align:text-top}
img.bottom {vertical-align:text-bottom}
</style>
</head>

<body>

<p>
这是一幅<img class="top" border="0" src="/i/eg_cute.gif" />位于段落中的图像。
</p> 

<p>
这是一幅<img class="bottom" border="0" src="/i/eg_cute.gif" />位于段落中的图像。
</p>

</body>

</html>

扩展:vertical-align: middle 文字图片居中

62+62<img src="sdfsdf.jpg" style="vertical-align: middle" />31361

 

来源：http://www.w3school.com.cn/css/pr_pos_vertical-align.asp

posted @ 2013-07-11 15:51  狂奔的蜗牛Snails  阅读(207)  评论(0)  编辑  收藏  举报