将元素放在居中元素旁边

Question

我有一个表格，其中包含我试图居中的元素： http://jsfiddle.net/Ce3JB/

有没有办法让中间元素位于中心，而侧面的两个元素位于该中心元素的两侧而不会移动它（三个元素的大小不同）？这是一个示例图：

|                             |
|        left ctr right       |
|                             |

               ^   ^
               |   |
               |  This and "left" are always next to ctr
               |
The position of the t remains here no matter what is on the left or right

我想要的是元素“ctr”保持固定在该列的中间，而不管“右”或“左”的长度。

基本上，我想，“ctr”在中间，“向左”尽可能向右走，直到它击中“ctr”，并且“向右”尽可能向左走，直到它击中ctr。

我目前在桌面上的align =“center”属性与其所有内容的中心对齐。我希望它使用“ctr”的中心作为枢轴来居中所有内容（在这种情况下，所以t应该在表的中心）。

Answer 1

使用float CSS属性。

在这里，你的更新小提琴，

http://jsfiddle.net/Ce3JB/1/

Answer 2

试试这个

http://jsfiddle.net/Ce3JB/6/

#one {
    float: left;
}
#two {
    margin: 0 10px;
}
#three {
    float: right;
}