我是 HTML、CSS 和 co 的新手。目前我正在创建一个网站,我想在其中创建一个小图片库,其中包含两行 (3 + 3) 的 6 张图片。下面有一个背景图像。
我按照 W3 School CSS Image Gallery上的说明进行操作,但图像彼此叠放而不是内联。
你有什么解决办法吗?
不幸的是,我不能在这里发布任何屏幕截图或代码,因为这是我的第一篇文章,我没有足够的声誉。
我是 HTML、CSS 和 co 的新手。目前我正在创建一个网站,我想在其中创建一个小图片库,其中包含两行 (3 + 3) 的 6 张图片。下面有一个背景图像。
我按照 W3 School CSS Image Gallery上的说明进行操作,但图像彼此叠放而不是内联。
你有什么解决办法吗?
不幸的是,我不能在这里发布任何屏幕截图或代码,因为这是我的第一篇文章,我没有足够的声誉。
W3 代码中内联图像的相关代码是 CSS:float:left
如果您的所有图像都在同一个容器中(或div
例如),那么您需要使用clear:left
. 见这个例子:http: //jsfiddle.net/vJjgg/
否则,只有两个 div 里面有float:left
这样的图像:http: //jsfiddle.net/ug8Zt/