Question

假设我使用PHP按时间顺序从MySQL数据库中的多个帖子中提取文本。我希望我的帖子显示为左右对齐。

重要的是，我希望能够删除这些帖子。如果删除帖子，我希望其他帖子保留动态交替对齐。

您能否就如何使用CSS向我提供一些想法？

Answer 1

从db收到结果后，将一个类名放入php变量中。在foreach循环中，当循环运行时，在两个类名之间来回切换。像这样：

//php file 
$alt = 'Row';

foreach($results as $row) {
    echo '<div class="' . $alt . '">some content</div>';
    $alt = ($alt == 'Row') ? 'altRow' : 'Row';
}

然后在你的样式表中：

.Row {
    text-align: left;
}

.altRow { 
    text-align: right;
}

Answer 2

使用:odd和:even pseudoClasses（在较新的浏览器上）

e.g。

div:nth-child(odd) { text-align: left }
div:nth-child(even) { text-align: right }

如果你想在删除帖子后保留以前的订单，只需在删除帖子时设置display: none（而不是从DOM中删除节点）

如果你想要重新定位dinamycally所有后续帖子只是完全删除节点

动态替代左右对齐

2 个答案: