css标签学习-vertical-align标签
Posted sanqu
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css标签学习-vertical-align标签相关的知识，希望对你有一定的参考价值。
今天在学习查阅代码的时候，发现了一个不认识的CSS代码，于是进行学习。
<html> <head> <style type="text/css"> img.top vertical-align:text-top; img.bottom vertical-align:text-bottom; img.middle vertical-align:middle; </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> <p> 这是一幅<img class="middle" border="0" src="/i/eg_cute.gif" />位于段落中的图像。 </p> </body> </html>
效果图
使图片在对应的元素内以不同的方式进行垂直对齐
以上是关于css标签学习-vertical-align标签的主要内容，如果未能解决你的问题，请参考以下文章
css html 如何将图片img标签 水平居中 垂直居中 和水平垂直居中