我的网站一边是图片,另一边是文字。 这是它的样子:
正如您在图片中看到的那样 - 左侧有一些文字,右侧有图像。 然后你左边有一个图像,右边有文字,(旋转)等等。
这是我使用jsfiddle创建的一个简单示例:http://jsfiddle.net/fyawuuh1/1/
当在移动设备上显示页面时 - (使用@media查询)我想组织图像始终在顶部,并在图像下面有文本(没有旋转),这意味着我将:< / p>
我很难找到让它看起来像这样的方法。.
答案 0 :(得分:2)
除了更改html结构之外,你可以使用flexbox
来实现它与css:
#container {
display: flex;
flex-flow: column;
}
#divA {
order: 2;
}
#divB {
order: 1;
}