<ul class="pd10" style="border-right: 1px solid #ddd;"><li>  <span>車牌號：</span>{{li.carNo}}</li><li>  <span>車型：</span>{{li.reason}}</li><li v-if="li.fromOrganId == li.serviceOrganId || carReason == 'YES'">  <span>用車事由：</span>{{li.num}}</li><li>  <span>開始時間：</span>{{li.startTime |slice19}}</li><li>  <span>結束時間：</span>{{li.endTime |slice19}}</li><li>  <span>用車時長：</span>{{li.times}}</li><li>  <span>上車地點：</span>{{li.startAddress}}</li><li>  <span>下車地點：</span>{{li.endAddress}}</li><li style="font-weight:bold;">  <span>公里數：</span>{{li.totalMile}}公里</li></ul>如圖，用的是li循環，li都設置成了inline-block！固定30%寬度，在某一列內容過多折行的時候，其他列的li怎么能頂部對齊，讓他們保持一致呢？求大神幫幫忙