html - 居中 div 到屏幕，但在同一行中有另一个 div

Question

我需要一个 div，它的内容总是相对于屏幕居中，但我还有其他 div 在我想要居中的左侧。如果我只是将“中心”div 的内容居中，它将相对于它的 div 宽度居中，而不是屏幕。

Here is an example我尝试过的

我想要的是这样的...

|                              true  center                              |
|left div|                      centered D                               |
|longer left div|               centered D                               |
|another even longer left div|  centered D                               |

假设“真正的中心”是屏幕的中心，那很容易。

但我希望所有“居中的 D”div 都居中显示，但它们的左侧有 div(我使用 float 放置在那里)，这使得它们向右移动。

显然，在我的尝试中(see example)，div 不会以屏幕为中心，而是以它们的 div 宽度为中心，这是预期的，但不是我需要的。

我需要什么才能使 div 居中显示在屏幕上，无论它们是否在同一行中有其他 div？

我怀疑我做错了，这可能是微不足道的，但我对 css 布局有点陌生。

谢谢

Answer 1

如果您使 .left 类绝对定位，这些 div 将不会偏移居中的文本。

.left{
    float:left;
    position:absolute;
}