小程序中图片左对齐代码

在小程序中，可以使用 `wxss` 文件中的样式来实现图片左对齐。以下是几种实现方式：

1. 直接在 `<image>` 标签内使用 `style` 属性：

<image src="image.jpg" alt="图片" style="float: left; margin-right: 10px;"></image>

2. 使用 `class` 类名：
在 `.wxss` 文件中定义一个类名，并在 `<image>` 标签内应用该类名：

<!-- .wxss 文件 -->
.left-align {
  float: left;
  margin-right: 10px;
}

<!-- .wxml 文件 -->
<image src="image.jpg" alt="图片" class="left-align"></image>

3. 使用 `id`：
在 `.wxss` 文件中定义一个 `id`，并在 `<image>` 标签内应用该 `id`：

<!-- .wxss 文件 -->
#left-align {
  float: left;
  margin-right: 10px;
}

<!-- .wxml 文件 -->
<image src="image.jpg" alt="图片" id="left-align"></image>

这些代码将图片向左浮动，并在右侧留出一定的间距（这里是10像素）。你可以根据需要调整浮动方向和间距值。请注意，小程序中使用的是 `image` 标签而不是常见的 `img` 标签。