<div style="width: 600px;">
<div style="display: inline-block;width: 100px;margin-left: 17px;margin-top: 10px"">
<img style="width: 100%;height: 100%; :src="billImg.orderImg">
<p style="margin-left: 50%">1</p>
</div>
<div style="display: inline-block;width: 100px;margin-left: 17px;margin-top: 10px"">
<img style="width: 100%;height: 100%; :src="billImg.orderImg">
<p style="margin-left: 50%">2</p>
</div>
<div style="display: inline-block;width: 100px;margin-left: 17px;margin-top: 10px"">
<img style="width: 100%;height: 100%; :src="billImg.orderImg">
<p style="margin-left: 50%">3</p>
</div>
<div style="display: inline-block;width: 100px;margin-left: 17px;margin-top: 10px"">
<img style="width: 100%;height: 100%; :src="billImg.orderImg">
<p style="margin-left: 50%">4</p>
</div>
<div>
效果:
说明: 如果不加下面的图片排序 样式写成 display: inline;就可以了;
但是要加<p>标签用于图片排序的话就要改成 display: inline-block;