表格自适应出横向滚动条 css

<div class="ndyqfd_table">
    <div class="ndyqfd_table_box">
        <ul class="ndyqfd_ul">
            <li class="ndyqfd_state">得分率</li>
            <li class="ndyqfd_state">难易度</li>
            <li class="ndyqfd_state">区分度</li>
            <li class="ndyqfd_state">题号</li>
        </ul>
        <ul class="ndyqfd_ul" ng-repeat="list in quFenAndDifficultDegreeList">
            <li class="ndyqfd_ul_li">{{list.gradeRate1}}</li>
            <li class="ndyqfd_ul_li">{{list.difficultyRate1}}</li>
            <li class="ndyqfd_ul_li">{{(list.quFenDegree|number:2)}}</li>
            <li class="ndyqfd_ul_li">{{list.examQuestionTitle}}</li>
        </ul>
        <div class="clear"></div>
    </div>
    <div class="ndyqfd_tb" style="display: none"></div>
</div>

.ndyqfd_table_box{display: flex;}

.ndyqfd_ul{flex:none;}

外层 div 的css样式  display：flex
需要循环的内层div或者li  flex：none

转载于:https://www.cnblogs.com/jinchuan/p/6292447.html