我试图做的是将这些图像交替定位在浏览器的左侧和右侧.
因此,条目1位于左侧向下滚动条目2位于右侧等等
如果我的div容器是style =“position:relative; width = 100%”如何让我的图像交替拥抱浏览器的左侧和侧面?
CSS:
div img{ float:left; clear:both; } div img:nth-of-type(2n){ float:right; }
检查Example
如果您不希望它们以这种方式交替使用,请使用
div img{ float:left; clear:left; } div img:nth-of-type(2n){ float:right; clear:right; }
根据您必须支持的浏览器(Internet Explorer 8及更低版本不支持该选择器),在所有偶数图像上使用类,并用该类替换:nth-of-type(2n).