利用vertical-align实现图片文字垂直居中对齐(HTML、CSS)
原创
©著作权归作者所有:来自51CTO博客作者CMMKK的原创作品,请联系作者获取转载授权,否则将追究法律责任
利用vertical-align实现图片文字垂直居中对齐(HTML、CSS)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>利用vertical-align实现图片文字垂直居中对齐</title>
<style>
img {
/* vertical-align: bottom; */
/* 底部 */
vertical-align: middle;
/* 中部 */
/* vertical-align: top; */
/* 头部 */
}
</style>
</head>
<body>
<img src="https://pic.imgdb.cn/item/611241215132923bf85e68bc.jpg" alt="">123
</body>
</html>