Question

我有一个DIV和3个内联元素。

中心元素是动态文本，我无法预测宽度。文本在DIV中水平居中。 DIV具有固定的大小。

我希望左边的元素锚定在左边并流动直到它到达文本;同样，正确的元素应该在文本之后开始并在DIV结束时结束（右：0或其他）

最终结果如下：

111111 my-text 222222

1111 longer-text 2222

宽度总和总是加起来与DIV的宽度相对应，左边元素的大小等于右边元素的大小。

有什么好办法吗？

编辑：

我认为只有两种方法是使用javascript或表格。我用过桌子，工作得很好。

div
{
    display: table;
}

#111, #222
{
    width: 100%;
    display: table-cell;
}

Answer 1

你应该能够给出中心元素宽度：100％;和text-align：center;

Answer 2

也许？

<div style="width:500px;border:1px solid #000;">

<span>1111</span>
<span style="text-align:center">dynamic text</span>

<span style="text-align:right; float:right;">2222</span>

</div>

DIV内部动态调整大小的元素

2 个答案: