ios9以下的版本不可以使用display:flex布局的align-items:flex-end进行显示div, 但在ios9中不支持flex弹性布局, 我想要div也按照flex-end的位置进行显示 怎么做
这是正常的样式:
这是在iOS9中的样式:
<div class="shoplist-search" > <div class="shoplist-search-classify"> <div class="shoplist-cl-list"> <p>服务</p > <ul> <li> <span >包邮</span> </li> <li> <span >包退</span> </li> <li> <span >分享</span> </li> <li> <span >保真</span> </li> </ul> </div> <div class="shoplist-cl-list"> <p>性质</p > <ul> <li> <span >裸币</span> </li> <li> <span >评级币</span> </li> </ul> </div> </div> <div class="shoplist-search-bottom"> <div class="shoplist-search-btn"> <p>重置</p > <p>确定</p > </div> </div> </div>
CSS
.shoplist-search { width: 70%; position: fixed; background: #fff; display: flex; top: 0; flex-direction: column; align-items: center; height: 100%; z-index: 100; max-width: 448px; }
动画
transition: all 0.5s !important; } .right-enter, .right-leave-to { margin-left: 100% !important; } .right-enter-to, .right-leave { margin-left: 0 !important; }
待解决
悬赏分:50
- 离问题结束还有
点赞 0反对 0举报 0
收藏 0
分享 1
