我是HTML,CSS&合。目前我正在创建一个网站,我想创建一个小图库,其中包含两行(3 + 3)的6张图片。下面有一个背景图片。
我按照W3学校CSS Image Gallery上的说明进行操作,但图像位于彼此的顶部,而不是内联。
你有解决方法吗?
很遗憾,我不能在这里发布任何截图或代码,因为这是我的第一篇文章,而且我没有足够的声誉。
答案 0 :(得分:0)
W3代码中内嵌图像的相关代码是CSS:float:left
如果您的所有图片都在同一个容器中(例如div
),那么您需要使用clear:left
打破浮动。请参阅此示例:http://jsfiddle.net/vJjgg/
否则,只有两个带有float:left
内部图片的div,如下所示:http://jsfiddle.net/ug8Zt/