亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用彈性訂單屬性重新排列桌面和移動視圖的項目

使用彈性訂單屬性重新排列桌面和移動視圖的項目

炎炎設計 2019-08-13 17:18:55
使用彈性訂單屬性重新排列桌面和移動視圖的項目我在容器內有3個div。沒有嵌套的div。我正在使用flex和orderproperty。在移動設備上,可以使用order房產。但是在較大的屏幕上它失敗了。我沒有為div 2和3使用容器div,以便在移動設備上將它們命令為2,1,3。HTML文件<div class="container"><div class="orange">1</div><div class="blue">2</div><div class="green">3</div></div>CSS文件/*************** MOBILE *************/.container{     display: flex;     flex-wrap: wrap;}div.blue{     order:1;     width: 100%;}div.orange{     order:2;     width: 100%;}div.green{     order:3;     width: 100%;}/***************************/@media screen and (min-width:1200px){.container{     justify-content: space-between;}div.blue{     order:2;     width: 36%;}div.orange{     order:1;     width: 60%;}div.green{     order:3;     width: 36%;}}
查看完整描述

1 回答

  • 1 回答
  • 0 關注
  • 480 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號