gpt4 book ai didi

javascript - 交替列位置(左和右)

转载 作者:太空宇宙 更新时间:2023-11-03 21:40:50 25 4
gpt4 key购买 nike

我有一个 WordPress 网站上的帖子列表,其中包含摘录和图像。每个都在一列中。一只向左飘,一只向右飘。

我想要实现的是交替每个帖子,以便第一个有左对齐的图像和右对齐的文本;然后第二个有一个右对齐的图像和左对齐的文本,然后是下一个,左对齐的图像,右对齐的文本。也许有一种 PhP 或 JS/Jquery 方法可以做到这一点?

*请看图片,以便您明白我的意思。

这里还有一个基本的 HTML/CSS JSFiddle:jsfiddle.net/huwrowlands/7WGTm/

enter image description here

谢谢

最佳答案

现在试试这个

用于 伪类 :nth-child(even) 在你的 css define this in parents div 像这样

.hp-module:nth-child(even) > .col:first-child{
float:right;

}

Demo

更多关于 nth-child

关于javascript - 交替列位置(左和右),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23753679/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com