Biegral Blog

html如何制作自适应的列表显示

      html中经常会出现列表排行，例如：

   实现思路：

     1.标签栏和数据栏的字段按照百分比设定width的值，并设置float属性，设置间距值

     2.多个item复制

     实现代码：

     html:

   

<div class="dataListWrap">
            <div class="dataListTag">
                <span class="dataListTagSpanOne">序号</span>    
                <span class="dataListTagSpanTwo">学校</span>            
                <span class="dataListTagSpanTwo" >参考人数</span>            
                <span class="dataListTagSpanTwo" >平均分</span>    
                <span class="dataListTagSpanTwo" >最高分</span>