gpt4 book ai didi

html - DIV 中动态调整大小的元素

转载 作者:行者123 更新时间:2023-11-28 03:43:31 26 4
gpt4 key购买 nike

我里面有一个 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;
}

最佳答案

你应该可以给中心元素 width:100%;和文本对齐:居中;

关于html - DIV 中动态调整大小的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8704974/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com