css中怎么讲图片和文字对齐

在网页设计中，图片和文字的对齐是非常重要的，因为对齐不好会影响页面的美观程度和用户的阅读体验。CSS提供了多种方法来让图片和文字对齐，下面就来介绍一些常用的方法。
1. display属性
display属性可以控制元素呈现的类型，常用的值有inline、block和inline-block。使用inline-block可以让图片和文字都以行内块元素的形式呈现，从而实现对齐。具体用法如下：

img {
  display: inline-block;
  vertical-align: middle;
}
p {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: middle;
} 

其中，vertical-align属性可以控制元素的垂直对齐方式，middle表示居中对齐。
2. float属性
float属性可以让元素浮动到页面的左侧或右侧，从而腾出与其他元素对齐的空间。常用的用法是将图片浮动到左侧或右侧，让文字环绕在图片周围。具体用法如下：

img {
  float: left;
  margin-right: 10px;
}
p {
  margin: 0;
  padding: 0;
  overflow: hidden; /* 清除浮动 */
} 

其中，margin-right属性可以控制图片和文字之间的间距，overflow属性可以清除浮动带来的影响。
以上就是CSS中常用的让图片和文字对齐的方法，大家可以根据实际需求选择使用。