-1
我有一个显示图像和文本的div,我用foreach
加载内容,我需要在第二行的foreach中反转订单div。CSS - 如何更改divs的订单
第一个div所示:
Image - Text
第二个div表示:
Text - Image
例如:
.content
{
width:100%;
height: 200px;
}
.content .image, .content .text
{
width:50%;
float:left;
}
.content .image img
{
width:100%;
}
<div class="content">
<div class="image">
<img src="https://www.w3schools.com/css/trolltunga.jpg" />
</div>
<div class="text">
<span>text1</span>
</div>
</div>
<div class="content">
<div class="image">
<img src="https://www.w3schools.com/css/trolltunga.jpg" />
</div>
<div class="text">
<span>text2</span>
</div>
</div>
钍ANK你
也可以使用float:左/右??? – fernando
但我怎么能在第二行浮动是正确的? @fernando – user3242861
你的意思是这样吗? https://stackoverflow.com/questions/32829567/change-div-order-with-css-depending-on-device-width/32829829#32829829 – TylerH