<分区>
<分区>
我在包装器中并排放置了 3 个 div,使用:
<div id="left"><h1>title left</h1></div>
<div id="right"><h1>title right</h1></div>
<div id="center"><img src="img/titleimage.jpg" alt=""/></div>
像这样与 css 对齐:
#left{
width:250px;
float:left;
margin:200px auto;
position:relative;
}
#right{
width:250px;
float:right;
position:relative;
margin:200px auto;
}
#center{
margin:60px auto;
margin-bottom:0;
width:500px;
position:relative;
float:left;
}
当浏览器窗口变小时,我希望 div 重新排序。我希望它们像这样从上到下显示:
左
对
中心
甚至更好
中心
左
右
有什么想法吗?
最佳答案
将中心 div 一直移动到顶部
<div id="center"><img src="img/titleimage.jpg" alt=""/></div>
<div id="left"><h1>title left</h1></div>
<div id="right"><h1>title right</h1></div>
关于css - 根据宽度更改 div 顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22159235/