html - 在表内 float 不工作

Question

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

我已经使用表格和表格单元格来实现居中的文本和 Logo ，但似乎无法让它们反转，除非我切换元素的位置

enter code here

这是一个当前演示: https://jsfiddle.net/7g7medn1/

结果演示(重新定位dom元素来实现结果，需要在不重新定位的情况下进行): https://jsfiddle.net/wcttx9vm/

Answer 1

您可能需要为偶数列添加类并更改 float 和显示属性，如下所示:

.even .content {
    display: block; 
}

.even .circle {
    float: right;
}

.even .content {
    display: inline;
}

https://jsfiddle.net/zxhbbwdm/4/