这个可以实现你flex
```html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>一列显示图片</title>
</head>
<body>
<div class="box">
<img src="https://system.puluofaxian.com/shop/resources/species/81fae7da-a3fb-4d85-8e1a-568dfacb0eb3.jpg" />
<img src="https://system.puluofaxian.com/shop/resources/species/81fae7da-a3fb-4d85-8e1a-568dfacb0eb3.jpg" />
<img src="https://system.puluofaxian.com/shop/resources/species/81fae7da-a3fb-4d85-8e1a-568dfacb0eb3.jpg" />
<img src="https://system.puluofaxian.com/shop/resources/species/81fae7da-a3fb-4d85-8e1a-568dfacb0eb3.jpg" />
<img src="https://system.puluofaxian.com/shop/resources/species/81fae7da-a3fb-4d85-8e1a-568dfacb0eb3.jpg" />
<img src="https://system.puluofaxian.com/shop/resources/species/81fae7da-a3fb-4d85-8e1a-568dfacb0eb3.jpg" />
</div>
</body>
</html>
<style>
.box{
display: flex;
}
.box img{
width: 100px;
height: 100px;
margin-left: 10px;
}
</style>

```
没太理解你的意思 如果是想要图片和ul一左一右 那就使用两个div包上 之后浮动或者其他的方式 一行是因为你那个宽度给的不够吧 如果够的话还不是一行可以用flex来使其变为一行