<ul class="pd10" style="border-right: 1px solid #ddd;">

<li>
  <span>車牌號(hào)：</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>開始時(shí)間：</span>{{li.startTime |slice19}}
</li>
<li>
  <span>結(jié)束時(shí)間：</span>{{li.endTime |slice19}}
</li>
<li>
  <span>用車時(shí)長：</span>{{li.times}}
</li>
<li>
  <span>上車地點(diǎn)：</span>{{li.startAddress}}
</li>
<li>
  <span>下車地點(diǎn)：</span>{{li.endAddress}}
</li>
<li style="font-weight:bold;">
  <span>公里數(shù)：</span>{{li.totalMile}}公里
</li>

</ul>
如圖，用的是li循環(huán)，li都設(shè)置成了inline-block！固定30%寬度，在某一列內(nèi)容過多折行的時(shí)候，其他列的li怎么能頂部對(duì)齊，讓他們保持一致呢？
求大神幫幫忙