img { vertical-align: baseline; } img { vertical-align: middle; } img { vertical-align: bottom; }
第一种方式:垂直对齐基线(baseline)
在文本中,文字的基线是指文字底部的虚拟线条。图片默认情况下是被当作行内元素(inline)处理的,其所在行的底部也会有一条虚拟线条,即所在行的基线。如果将图片的垂直对齐方式设置为 baseline,则图片的底部将和所在行的基线对齐。
第二种方式:居中对齐(middle)
如果将图片的垂直对齐方式设置为 middle,则图片将和所在行的中线对齐。
如果将图片的垂直对齐方式设置为 bottom,则图片将和所在行的底部对齐。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。