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

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

我如何重新排序我的div與CSS?

我如何重新排序我的div與CSS?

素胚勾勒不出你 2019-06-21 17:09:07
我如何重新排序我的div與CSS?給定由于其他需求而無法修改HTML的模板,如何才能顯示(重新排列)一個div高于另一div當它們不在HTML中按這個順序排列時?雙管齊下divS包含高度和寬度不同的數據。<div id="wrapper">     <div id="firstDiv">         Content to be below in this situation    </div>     <div id="secondDiv">         Content to be above in this situation    </div></div>Other elements希望顯而易見的是,期望的結果是:Content to be above in this situationContent to be below in this situationOther elements當尺寸固定時,很容易將它們定位到需要的地方,但我需要一些關于內容是可變的想法。為了這個場景,請考慮兩種情況下的寬度都是100%。我特別想要一個CSS唯一的解決方案(如果不能解決這個問題的話,它可能會遇到其他的解決方案)。后面還有其他元素。考慮到我演示的有限的場景,我提到了一個很好的建議-考慮到這可能是最好的答案,但我也希望確保后面的元素不會受到影響。
查看完整描述

3 回答

?
慕尼黑的夜晚無繁華

TA貢獻1864條經驗 獲得超6個贊

這,這個只使用css并處理可變內容。

#wrapper   { display: table; }#firstDiv  { display: table-footer-group; }#secondDiv { display: table-header-group; }


查看完整回答
反對 回復 2019-06-21
?
慕沐林林

TA貢獻2016條經驗 獲得超9個贊

正如其他人所說的,這不是你想要在CSS中做的事情。你可以用絕對的定位和奇怪的邊距來修飾它,但這不是一個強有力的解決方案。在您的情況下,最好的選擇是轉到javascript。在jQuery中,這是一個非常簡單的任務:

$('#secondDiv').insertBefore('#firstDiv');

或者更籠統地說:

$('.swapMe').each(function(i, el) {
    $(el).insertBefore($(el).prev());});


查看完整回答
反對 回復 2019-06-21
  • 3 回答
  • 0 關注
  • 683 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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