HTML笔记(一)

时间:2019-10-30 16:35:26   收藏:0   阅读:83

垂直对齐图像

vertical-align:text-top;  图像的顶部与同一行中最高的图像或文本的顶部对齐

<img src="images/cake技术分享图片03jpg" style="vertical-align:text-top;">

 技术分享图片

vertical-align:text-bottom;  图像的底部与文本的底部对齐

<img src="images/cake技术分享图片02jpg" style="vertical-align:text-bottom;">

技术分享图片

vertical-align:middle;  图像的中心与同一行中其他内容的中心对齐

<img src="images/cake技术分享图片03jpg" style="vertical-align:middle;">

技术分享图片

vertical-align:baseline;  像的底部与文本的基线对齐

<img src="images/cake技术分享图片04.jpg" style="vertical-align:baseline;">

技术分享图片

 

原文:https://www.cnblogs.com/thaouu/p/11765645.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!