<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
border: 1px solid red;
}
</style>
</head>
<body>
<div>
<img src="../../imags/ggg.jpg" alt="图片没有加载出来的提示">pink
<!--图片与文字是有高度线的图片在基线上(有基线中线高线和低线文字一般在基线但字母可能有超出基线的部分所有预留出了一部分空间)图片底部会有一些空间-->
</div>
<div>
<img src="../../imags/ggg.jpg" alt="图片没有加载出来的提示" style="vertical-align: middle;">pink
<!--vertical-aligin是高度对其有居中middle bottom底部 和顶部-->
<!--只要使用了vertical-aligin就可以取消图片底部的空间-->
</div>
</body>
</html>
html图片与文字的高度对其
最新推荐文章于 2024-05-22 21:57:07 发布