我有這樣的
<div className="Image"><div><div className="Text"><div>
<div className="Text"><div><div className="Image"><div>
<div className="Image"><div><div className="Text"><div>
設備移動時如何在我的 div 之間交換內容？
有什么訣竅嗎？還是我應該再次為移動設備撰寫代碼？我使用引導程式和彈性盒。
uj5u.com熱心網友回復：
使用Flexbox，您可以使用order。
.container{
display:flex;
}
.order-1{
order:1;
}
.order-2{
order:2;
}
.order-3{
order:3;
}
@media(min-width:992px){
.order-lg-1{
order:1;
}
.order-lg-2{
order:2;
}
.order-lg-3{
order:3;
}
}<div class="container">
<div class="order-3 order-lg-2">A</div>
<div class="order-2 order-lg-1">B</div>
<div class="order-1 order-lg-3">C</div>
</div>uj5u.com熱心網友回復：
div 原本是 display: block。您可能需要放置一個外部 div 來包圍您擁有的三個 div 并應用 display: flex。
div{
display: flex;
flex-wrap: wrap;
}<div class="container">
<div className="Image">image<div>
<div className="Text">text<div>
<div className="Image">image<div>
</div>當您減小螢屏尺寸時，元素將按列顯示。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/480273.html
標籤：javascript css