向右浮动 table 无效

Question

我想让蓝色圆圈在奇数时向左浮动，在偶数时向右浮动。我试过使元素浮动，但似乎不起作用。

我已经使用 table 和 table-cells 来实现居中的文本和徽标，但似乎无法让它们反转，除非我切换元素的位置

enter code here

结果演示（重新定位 dom 元素以获得结果，需要在不重新定位的情况下进行）： https://jsfiddle.net/wcttx9vm/

Answer 1

我不明白的是：当你想要 table 时，你为什么不使用？ table可以用来显示table-content，但不能用于纯布局。

在你的情况下，我会这样做：获取一个 php 文件并在那里执行 "layouting"。这意味着您将在 for 循环中进行奇偶放置并在那里切换奇数布局。我想这将是最简单的方法。

并且您当前的演示代码无法运行，因为您的气泡始终在代码中。这对于左侧定位是可以的，但对于右侧定位，它需要在文本之后。否则你会搞砸的。

Answer 2

您可能需要为偶数列添加 class 并更改浮动和显示属性，如下所示：

.even .content {
    display: block; 
}

.even .circle {
    float: right;
}

.even .content {
    display: inline;
}

Float right inside table not working