弹性盒子使用方法完美兼容(除IE10以下)

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

分享-父级元素:display:-webkit-box;/*OLD-iOS6-,Safari3.1-6*//*Chrome4+,Safari3.1,iOSSafari3.2+*/display:-moz-box;/*OLD-Firefox19-*/display:-ms-flexbox;/*TWEENER-IE10*/display:-webkit-flex;/*NEW-Chrome*//*Chrome21+,Safari6.1+,iOSSafari7+,Opera15/16*/display:flex;/*NEW,Spec-Opera12.1,Firefox20+*//*Chrome29+,Firefox22+,IE11+,Opera12.1/17/18,Android4.4+*/使用flexbox:混合新与旧的模式获得更好的浏览器支持横向竖向-webkit-box-orient:horizontal;verticalflex-direction:row;column-webkit-flex-direction:row;column-ms-flex-direction:row;columnalign-items:start|end|center|center;-webkit-align-items:start|end|center|center;-webkit-box-align:start|end|center|center;-ms-flex-align:start|end|center|center;-webkit-box-pack:start|end|center|justify;-ms-flex-pack:start|end|center|justify;justify-content:start|end|center|space-between;-webkit-justify-content:start|end|center|space-between;父级元素设置为弹性盒子后他所有直接的子元素都变为块级元素divclass=titlespan/spana为了给您提供更好的服务,请真实、准确的填写注册信息。/aiid=close_x_tip/i/divdivclass=conh1span我的线路列表/spanai创建线路/i/a/h1!--列表信息检索开始--nav!--所属城市开始--divclass=boxlabelfor=city线路所属城市/labeldivid='suggest'class=nodeinputtype=textname=cityid=city/divid='suggest2'class=ac_results/div/div/div!--所属城市结束--!--check审核状态开始--divclass=boxlabel线路所属城市/labeldivclass=checkinputclass=inputid=node_typereadonly=readonlyiliclass=hover娱乐/lili娱乐2/lili娱乐4/lili娱乐6/li/i/div/div!--审核状态开始--!--sale售卖状态开始--divclass=boxlabel参考消费/labeldivclass=saleinputclass=inputreadonly=readonlyid=costiliclass=hover娱乐/lili娱乐2/lili娱乐4/lili娱乐6/li/i/div/div!--售卖状态开始结束--/nav!--列表信息检索结束--!--列表信息开始--divid=tableclass=tableulclass=titleliclass=line线路ID/liliclass=line_name线路名称/liliclass=belong_city所属城市/liliclass=data行程天数/liliclass=seal_price售价/liliclass=sold已售出/liliclass=see_state审核状态/liliclass=seal_state售卖状态/liliclass=action操作/li/ululclass=conliclass=line19200394/liliclass=line_name豪哥带你7日普及游/liliclass=belong_city普吉岛/liliclass=data7/liliclass=seal_price35800/liliclass=sold13/liliclass=see_state审核中/liliclass=seal_state不可售卖/liliclass=actiona刷新/aa下架/aa编辑/aaclass=delete删除/a/li/ululclass=conliclass=line19200394/liliclass=line_name豪哥带你7日普及游/liliclass=belong_city普吉岛/liliclass=data7/liliclass=seal_price35800/liliclass=sold13/liliclass=see_stateok已通过/liliclass=seal_state不可售卖/liliclass=actiona刷新/aa下架/aa编辑/aaclass=delete删除/a/li/ululclass=conliclass=line19200394/liliclass=line_name豪哥带你7日普及游/liliclass=belong_city普吉岛/liliclass=data7/liliclass=seal_price35800/liliclass=sold13/liliclass=see_stateno未通过/liliclass=seal_state不可售卖/liliclass=actiona刷新/aa下架/aa编辑/aaclass=delete删除/a/li/ululclass=conliclass=line19200394/liliclass=line_name豪哥带你7日普及游/liliclass=belong_city普吉岛/liliclass=data7/liliclass=seal_price35800/liliclass=sold13/liliclass=see_state审核中/liliclass=seal_state不可售卖/liliclass=actiona刷新/aa下架/aa编辑/aaclass=delete删除/a/li/ululclass=conliclass=line19200394/liliclass=line_name豪哥带你7日普及游/liliclass=belong_city普吉岛/liliclass=data7/liliclass=seal_price35800/liliclass=sold13/liliclass=see_state审核中/liliclass=seal_state不可售卖/liliclass=actiona刷新/aa下架/aa编辑/aaclass=delete删除/a/li/ululclass=conliclass=line19200394/liliclass=line_name豪哥带你7日普及游/liliclass=belong_city普吉岛/liliclass=data7/liliclass=seal_price35800/liliclass=sold13/liliclass=see_state审核中/liliclass=seal_state不可售卖/liliclass=actiona刷新/aa下架/aa编辑/aaclass=delete删除/a/li/ululclass=conliclass=line19200394/liliclass=line_name豪哥带你7日普及游/liliclass=belong_city普吉岛/liliclass=data7/liliclass=seal_price35800/liliclass=sold13/liliclass=see_state审核中/liliclass=seal_state不可售卖/liliclass=actiona刷新/aa下架/aa编辑/aaclass=delete删除/a/li/ululclass=conliclass=line19200394/liliclass=line_name豪哥带你7日普及游/liliclass=belong_city普吉岛/liliclass=data7/liliclass=seal_price35800/liliclass=sold13/liliclass=see_state审核中/liliclass=seal_state不可售卖/liliclass=actiona刷新/aa下架/aa编辑/aaclass=delete删除/a/li/ululclass=conliclass=line19200394/liliclass=line_name豪哥带你7日普及游/liliclass=belong_city普吉岛/liliclass=data7/liliclass=seal_price35800/liliclass=sold13/liliclass=see_stateno未通过/liliclass=seal_state不可售卖/liliclass=actiona刷新/aa下架/aa编辑/aaclass=delete删除/a/li/ululclass=conliclass=line19200394/liliclass=line_name豪哥带你7日普及游/liliclass=belong_city普吉岛/liliclass=data7/liliclass=seal_price35800/liliclass=sold13/liliclass=see_stateok已通过/liliclass=seal_state不可售卖/liliclass=actiona刷新/aa下架/aa编辑/aaclass=delete删除/a/li/ul/div!--列表信息结束--d

1 / 6
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功