html - 将元素放在居中元素旁边

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”在中心，“left”尽可能向右移动，直到它击中“ctr”，“right”尽可能向左移动，直到它击中 ctr。

我当前在表格上的 align="center" 属性与其所有内容的中心对齐。我希望它使用“ctr”的中心作为枢轴来居中所有内容（因此在这种情况下 t 应该位于表格的中心）。

Answer 1

使用floatCSS 属性。

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

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

Answer 2

尝试这个

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

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