表格自適應出橫向捲軸 css

標籤：display   end   區分   repeat   state   滾動   適應   ade   isp   

<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

表格自適應出橫向捲軸 css