多个div一行显示，超出的自动排列到下一行

<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；就可以了；

 display: inline-block;