css样式里面加图片显示在div的左侧

在CSS中，如果你想让图片显示在一个`<div>`元素的左侧，你可以使用`float`, `display: inline-block`, 或者`grid`布局来实现。以下是几种常见的方法：

1. **浮动** (Float) :

   .image-container {
     float: left;
   }
   .image-container img {
     width: auto; /* 如果需要保持原始比例 */
     height: auto; /* 如果需要保持原始高度 */
   }

这会让`.image-container`的内容向右对齐，图片会留在容器左侧。

2. **inline-block** :

   .image-container {
     display: flex;
     align-items: center;
   }
   .image-container img {
     margin-right: auto; /* 自动填充到右侧留出空间 */
   }

3. **Grid布局** (假设你是垂直方向放置):

   .image-container {
     display: grid;
     grid-template-columns: 1fr auto;
   }
   .image-container img {
     grid-column: 1; /* 图片占据第一列 */
   }

确保将`img`标签放在`.image-container`内，并调整其他样式以适应你的需求。