html怎么设置图片横向排列

在HTML中，如果你想让图片水平（即横向）排列，可以使用`<img>`标签，并结合CSS样式来控制布局。以下是两种常见的方法：

1. **直接在`<img>`标签中使用`style`属性**:

   <img src="image.jpg" style="float: left; margin-right: 10px;"> <!-- 可调整margin值以留出间距 -->

这里设置了`float`属性为`left`，让图片浮动到左侧，同时添加了适当的`margin`使得图片之间不会贴在一起。

2. **使用CSS**:
先给包含图片的容器设置宽度，然后将图片作为内联元素（如`display: inline-block`或`flex`布局）：

   <div class="image-container">
     <img src="image.jpg">
   </div>

   .image-container {
     width: 50%; /* 或自适应宽度 */
     display: flex;
     justify-content: space-between; /* 或者align-items: center (居中对齐) */
   }
   img {
     max-width: 100%;
     height: auto; /* 保持图片比例 */
   }

如果你希望所有图片都按这种方式横向排列，可以在每个图片标签前加上相同的类名或者使用ID来统一CSS规则。