css中怎么让图片向上对齐

在CSS中，如果我们想要让图片向上对齐，我们可以使用vertical-align属性来实现。该属性可以设置元素（包括图片）在垂直方向上的对齐方式。
首先在HTML中有一张图片：

<img src="image.jpg" alt="my image"> 

如果我们想要让图片向上对齐，我们可以在CSS中添加以下代码：

img {
  vertical-align: top;
} 

这将使图片的顶部与该行文字的顶部对齐。如果我们想让图片与该行文字的中心对齐，我们可以将代码更改为：

img {
  vertical-align: middle;
} 

同样地，如果我们想让图片和该行文字的底部对齐，我们可以使用以下代码：

img {
  vertical-align: bottom;
} 

请注意，此属性只适用于行内元素（例如，img、span、a等）和表单元素（例如，input、button等）。对于块级元素（例如，div、p等），该属性将不产生影响。
总结：在CSS中，我们可以使用vertical-align属性来设置图片的垂直对齐方式，即top、middle和bottom。此属性适用于行内元素和表单元素，不适用于块级元素。