-1
A
回答
0
将图像放入容器中,然后应用position: absolute
。
.wrapper {
position: relative;
width: 1024px;
}
.container {
margin: 0 auto;
width: 600px;
height: 300px;
background-color: #ccc;
}
.left, .right {
position: absolute;
width: 200px;
text-align: center;
}
.left {
top: 0;
left: 0;
}
.right {
top: 0;
right: 0;
}
<div class="wrapper">
<div class="left">
<img src="http://placehold.it/100">
<img src="http://placehold.it/120">
</div>
<div class="container">Main content</div>
<div class="right">
<img src="http://placehold.it/50">
<img src="http://placehold.it/150">
</div>
</div>
+1
得到我需要的提示,thx。 – JUG
0
您可以使用浮动列在网格系统,例如Twitter的引导或基金会。然后你可以使它响应。我建议粉底:http://foundation.zurb.com/sites/docs/grid.html
相关问题
- 1. 如何使图像内容覆盖图显示在图像上?
- 2. 显示右侧的内容
- 3. 如何在循环的两侧显示图像和文本?
- 4. 使用内容控件显示图像
- 5. 如何使用Javascript在两个标签内显示图像
- 6. 如何在内容没有图像时显示图像并在显示图像时显示图像
- 7. 如何在图像显示时显示某些内容?
- 8. 如何在WordPress中显示像这样的图像内容?
- 9. 如何在显示内容之前显示内容图像不加载的隐藏内容?
- 10. 在右侧显示数据库内容
- 11. 在图像上显示li内容
- 12. 显示图像右侧
- 13. 在matplotlib中,你如何在图的两侧显示一个轴?
- 14. 在手风琴两侧展示图像
- 15. 如何使用opencl在内核内显示图像?
- 16. 如何比较使用sikuli的两个图像的内容?
- 17. 在IE翻转动画:翻转侧显示镜像内容
- 18. 如何在使用iAd时显示视图的内容
- 19. 显示图像的CSS内容
- 20. 内容上的图像显示
- 21. 显示图像的内容页面
- 22. 我如何设计使用4corner图像,4行图像和内容div在图像中显示的div
- 23. 如何显示消息使用列表视图在android的布局的两侧?
- 24. 使用绝对定位在内容上方显示图像
- 25. dc.js:如何在单个折线图的两侧显示y轴?
- 26. 如何在循环内显示图像?
- 27. 如何在所有内容页面上显示图像ASP.Net MVC
- 28. 如何在邮件内容中显示图像?
- 29. 如何在加载标签内容时显示加载图像?
- 30. 如何使用matplotlib 0.99在两侧显示yaxis?
鼓励:您应该使用Flex项目CSS3来显示多重效果http://www.w3schools.com/cssref/css3_pr_flex.asp – kollein