Florian\'s 答案可能是你最好的选择，因为它让作者能够最大程度地控制图像的对齐方式，所以这将是我的第一个答案。

然而，如果你不相信你的作者会自己对齐图像，那么我们就不得不走另一条路。不幸的是，出于上述原因，我们似乎不能使用：nth子CSS，因为它们都嵌套在<p> 标签。

因此，我们必须使用一点jQuery来实现这一点：

$( document ).ready(function() {
    var imgCount = 0;
    $(\'.post-text img\').each(function(){
        // remove our alignnone class for good measure
        $(this).removeClass(\'alignnone\');
        // If the count is even, alignright, else align left
        if(imgCount%2 == 0){
            $(this).addClass(\'alignright\');
        } else {
            $(this).addClass(\'alignleft\');
        }
        imgCount++;
  });
});

**注意：这将抓取您的post-text 类，因此如果使用post-text 如果您在站点上的任何其他位置加载此JS，它将影响站点的其余部分。我建议在博客帖子循环中添加一个新类，或者只在单个帖子上加载这个JS。php页面，这样只会影响你的博客帖子页面，而不会影响你网站上的其他内容。