有关流式布局显示的相关问题(急!)

有关流式布局显示的相关问题(急!)

问题描述:

img


如图,本来描述是显示一行的,我修改了显示把他展开了,请问遇到这样的问题的解决思路


<div class="carousel-inner" id="azz_div"><div class="item active"><div class="mx-0 text-center btn-list-201904181641"><a href="javascript:viewAvailableAgency('420302-020110859511-ZJJG-001-10');" class="col-xs-2 px-0" style="width:12.5%;padding-top:10px"><img id="59797" src="/imng/project/hubei/420302000000/public/assets/img/downLoadImg/59797.png" onerror="downLoadImg('59797','59797')" alt="" style="width:54px;height:54px"><h6 class="text-title text-carousel" title="测绘服务">测绘服务</h6></a><a href="javascript:viewAvailableAgency('420302-020110859511-ZJJG-001-10');" class="col-xs-2 px-0" style="width:12.5%;padding-top:10px"><img id="59797" src="/imng/project/hubei/420302000000/public/assets/img/downLoadImg/59796.png" onerror="downLoadImg('59796','59796')" alt="" style="width:54px;height:54px"><h6 class="text-title text-carousel" title="债券项目实施方案编制">债券项目实施方案编制</h6></a><a href="javascript:viewAvailableAgency('420302-020110859511-ZJJG-001-10');" class="col-xs-2 px-0" style="width:12.5%;padding-top:10px"><img id="59797" src="/imng/project/hubei/420302000000/public/assets/img/downLoadImg/59795.png" onerror="downLoadImg('59795','59795')" alt="" style="width:54px;height:54px"><h6 class="text-title text-carousel" title="出具验资报告">出具验资报告</h6></a><a href="javascript:viewAvailableAgency('420302-020110859511-ZJJG-001-10');" class="col-xs-2 px-0" style="width:12.5%;padding-top:10px"><img id="59797" src="/imng/project/hubei/420302000000/public/assets/img/downLoadImg/59794.png" onerror="downLoadImg('59794','59794')" alt="" style="width:54px;height:54px"><h6 class="text-title text-carousel" title="水工程建设规划同意书论证报告编制">水工程建设规划同意书论证报告编制</h6></a><a href="javascript:viewAvailableAgency('420302-020110859511-ZJJG-001-10');" class="col-xs-2 px-0" style="width:12.5%;padding-top:10px"><img id="59797" src="/imng/project/hubei/420302000000/public/assets/img/downLoadImg/59791.png" onerror="downLoadImg('59791','59791')" alt="" style="width:54px;height:54px"><h6 class="text-title text-carousel" title="*采购">*采购</h6></a><a href="javascript:viewAvailableAgency('420302-020110859511-ZJJG-001-10');" class="col-xs-2 px-0" style="width:12.5%;padding-top:10px"><img id="59797" src="/imng/project/hubei/420302000000/public/assets/img/downLoadImg/59790.png" onerror="downLoadImg('59790','59790')" alt="" style="width:54px;height:54px"><h6 class="text-title text-carousel" title="预算评审">预算评审</h6></a><a href="javascript:viewAvailableAgency('420302-020110859511-ZJJG-001-10');" class="col-xs-2 px-0" style="width:12.5%;padding-top:10px"><img id="59797" src="/imng/project/hubei/420302000000/public/assets/img/downLoadImg/59788.png" onerror="downLoadImg('59788','59788')" alt="" style="width:54px;height:54px"><h6 class="text-title text-carousel" title="土地评估报告编制">土地评估报告编制</h6></a><a href="javascript:viewAvailableAgency('420302-020110859511-ZJJG-001-10');" class="col-xs-2 px-0" style="width:12.5%;padding-top:10px"><img id="59797" src="/imng/project/hubei/420302000000/public/assets/img/downLoadImg/59787.png" onerror="downLoadImg('59787','59787')" alt="" style="width:54px;height:54px"><h6 class="text-title text-carousel" title="房地产评估报告编制">房地产评估报告编制</h6></a><a href="javascript:viewAvailableAgency('420302-020110859511-ZJJG-001-10');" class="col-xs-2 px-0" style="width:12.5%;padding-top:10px"><img id="59797" src="/imng/project/hubei/420302000000/public/assets/img/downLoadImg/59775.png" onerror="downLoadImg('59775','59775')" alt="" style="width:54px;height:54px"><h6 class="text-title text-carousel" title="劳务派遣经营许可(设立)">劳务派遣经营许可(设立)</h6></a><a href="javascript:viewAvailableAgency('420302-020110859511-ZJJG-001-10');" class="col-xs-2 px-0" style="width:12.5%;padding-top:10px"><img id="59797" src="/imng/project/hubei/420302000000/public/assets/img/downLoadImg/59633.png" onerror="downLoadImg('59633','59633')" alt="" style="width:54px;height:54px"><h6 class="text-title text-carousel" title="资产拍卖">资产拍卖</h6></a><a href="javascript:viewAvailableAgency('420302-020110859511-ZJJG-001-10');" class="col-xs-2 px-0" style="width:12.5%;padding-top:10px"><img id="59797" src="/imng/project/hubei/420302000000/public/assets/img/downLoadImg/59572.png" onerror="downLoadImg('59572','59572')" alt="" style="width:54px;height:54px"><h6 class="text-title text-carousel" title="安全评价报告">安全评价报告</h6></a><a href="javascript:viewAvailableAgency('420302-020110859511-ZJJG-001-10');" class="col-xs-2 px-0" style="width:12.5%;padding-top:10px"><img id="59797" src="/imng/project/hubei/420302000000/public/assets/img/downLoadImg/59566.png" onerror="downLoadImg('59566','59566')" alt="" style="width:54px;height:54px"><h6 class="text-title text-carousel" title="知识产权代理服务">知识产权代理服务</h6></a><a href="javascript:viewAvailableAgency('420302-020110859511-ZJJG-001-10');" class="col-xs-2 px-0" style="width:12.5%;padding-top:10px"><img id="59797" src="/imng/project/hubei/420302000000/public/assets/img/downLoadImg/59561.png" onerror="downLoadImg('59561','59561')" alt="" style="width:54px;height:54px"><h6 class="text-title text-carousel" title="生产经营单位应急预案编制">生产经营单位应急预案编制</h6></a><a href="javascript:viewAvailableAgency('420302-020110859511-ZJJG-001-10');" class="col-xs-2 px-0" style="width:12.5%;padding-top:10px"><img id="59797" src="/imng/project/hubei/420302000000/public/assets/img/downLoadImg/59560.png" onerror="downLoadImg('59560','59560')" alt="" style="width:54px;height:54px"><h6 class="text-title text-carousel" title="法律服务">法律服务</h6></a><a href="javascript:viewAvailableAgency('420302-020110859511-ZJJG-001-10');" class="col-xs-2 px-0" style="width:12.5%;padding-top:10px"><img id="59797" src="/imng/project/hubei/420302000000/public/assets/img/downLoadImg/59559.png" onerror="downLoadImg('59559','59559')" alt="" style="width:54px;height:54px"><h6 class="text-title text-carousel" title="代理记账">代理记账</h6></a><a href="javascript:viewAvailableAgency('420302-020110859511-ZJJG-001-10');" class="col-xs-2 px-0" style="width:12.5%;padding-top:10px"><img id="59797" src="/imng/project/hubei/420302000000/public/assets/img/downLoadImg/59557.png" onerror="downLoadImg('59557','59557')" alt="" style="width:54px;height:54px"><h6 class="text-title text-carousel" title="资产评估">资产评估</h6></a></div></div></div>

a标签给个高度,或者mx-0用display:flex

图片宽度用百分比固定就不会出现这种问题了

css: vertical-align: top; 在里面小块块加上试试

需要附上代码,谢谢