img和文字都居中对齐

最新推荐文章于 2022-06-16 16:26:29 发布

duidandan

最新推荐文章于 2022-06-16 16:26:29 发布

阅读量1.4k

点赞数 1

文章标签： css3 css html

本文链接：https://blog.csdn.net/duidandan/article/details/121894094

版权

vertical-align 属性设置元素的垂直对齐方式。

middle 把此元素放置在父元素的中部。

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

<body>

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

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

</body>

</html>