如何使用html/css在内容的两面显示图像?

如何使用html/css在内容的两面显示图像?,html,css,Html,Css,我是CSS新手,正在处理一个我想呈现的页面,如下所示- 如何编写css,使内容保持在中心位置,而图像在其左右两侧垂直浮动 将图像放入容器中,然后应用位置:绝对 .wrapper{ 位置:相对位置; 宽度:1024px; } .集装箱{ 保证金:0自动; 宽度:600px; 高度:300px; 背景色:#ccc; } .左,.右{ 位置:绝对位置; 宽度:200px; 文本对齐:居中; } .左{ 排名:0; 左:0; } .对{ 排名:0; 右:0; } 主要内容 > p>可以在网格系统

我是CSS新手,正在处理一个我想呈现的页面,如下所示-


如何编写css,使内容保持在中心位置,而图像在其左右两侧垂直浮动

将图像放入容器中,然后应用
位置:绝对

.wrapper{
位置:相对位置;
宽度:1024px;
}
.集装箱{
保证金:0自动;
宽度:600px;
高度:300px;
背景色:#ccc;
}
.左,.右{
位置:绝对位置;
宽度:200px;
文本对齐:居中;
}
.左{
排名:0;
左:0;
}
.对{
排名:0;
右:0;
}

主要内容

> p>可以在网格系统中使用浮动列,如推特引导程序或基础。然后你也可以让它反应灵敏。我推荐Foundation:

鼓励:您应该使用Flex Items CSS3来显示多重效果。得到了我需要的提示,thx。