我正在尝试更好地排列图像,而不仅仅是一列中的图像。
请参阅附件中的示例,每篇文章的图像可以位于左侧和右侧。
这是我的代码。
HTML:
<section class="content list_page">
<article id="post-66">
<div class="list_img"><img src="img1.png"></div>
<div class="list_text">Content 1</div>
</article>
<article id="post-63">
<div class="list_img"><img src="img2.png"></div>
<div class="list_text">Content 2</div>
</article>
.
.
.
</section >
CSS:
.list_page:nth-child(odd) .list_img{
float:right;
}
.list_page:nth-child(even) .list_img{
float:left;
}
我怎么做?请帮忙。
-提前致谢
尝试使用这个CSS
.list_page article:nth-child(odd) .list_img{
float:right;
}
.list_page article:nth-child(even) .list_img{
float:left;
}
问题是您选择父 div 而不是子文章
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)