2-10作业题GALLERY区思路
<div class="gallery-b"> <div class="gallery-pic"> <img src="images/03-01.jpg"> <img src="images/03-02.jpg"> <img src="images/03-03.jpg"> <img src="images/03-04.jpg"> <img src="images/03-05.jpg"> <img src="images/03-06.jpg"> </div> </div>
然后CSS写的是
.gallery-b{ width: 700px; height: 500px; margin:0 auto; } .gallery-b img{ width: 200px; height: 150px; margin:5px; }
用这种布局效果来达到我的图片显示效果,但是字我不知道该如何浮动在图片上面,并且不知道我这里思路是否正确。希望老师指导。
0
收起
正在回答
2回答
用一个div包裹一个图片以及文字,这样的div需要写6个。第一次回答中老师已经给了布局建议以及css样式了哦,让文字相对于外层包裹的div盒子来定位,bottom为0。
自己测试下吧。
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星