两栏布局的写法

　　　　　　　　　　　　　　　　　　　 <div class="Mranking-bottom"  ms-visible="@currentnew.key == 'allLists'"  style="margin-bottom: .8rem;vertical-align: top">
                                    <div class="Mranking-bottom-half" onClick="javascript:;" avalon-events="click:eclick_0_jumprank4064rankingdata46seconddata46rank95link41" style=" 48%;vertical-align: top;margin-right: 2%;margin-bottom: .5rem" ms-for="(index,el) in @getAllRankingLists">
                                         <a  ms-attr="{href:'/cn/m/index.php?route=newprod/ranking&report_id='+el.report_id}" href="javascript:;" >
                                            <img alt="" ms-attr="{src:el.image}" >
                                            <p class="Mranking-bottom-halfname">{{el.title}}</p>
                                            <div class="Mranking-bottom-detail">
                                                <span class="Mranking-bottom-detailLeft">{{el.date_publish}}</span>
                                            </div>
                                          </a>   
                                    </div>
                                   <p class="fishqcCenter" style="padding: 1rem 0 1rem;text-align: center;box-sizing: border-box;"><a href="javascript:;" class="fishqc-more" onClick="javascript:;" ms-click="moreRanking(@currentnew.key)" ms-visible="moreRankingList">更多榜单</a></p>
                                </div>

a标签一定要写在div的里面,不然list太长会出现两边不对等的情况.

待添加~~~~