<div class="container">
<div class="every-content">
<img src="../../static/homeImg/img_pxpj.png"/>
<div>XXXX</div>
</div>
<div class="every-content">
<img src="../../static/homeImg/img_pxpj.png"/>
<div>XXXX</div>
</div>
<div class="every-content">
<img src="../../static/homeImg/img_pxpj.png"/>
<div>XXXX</div>
</div>
<div class="every-content">
<img src="../../static/homeImg/img_pxpj.png"/>
<div>XXXX</div>
</div>
</div>
want to scroll the photo horizontally
set the width of the parent element and then overflow-x: scroll, but every-content wraps lines automatically
Please give me some ideas and try many ways to no avail.