javascript - CSS - 父 div 宽度应取决于第二个孩子

Question

我是 HTML/CSS 新手，我正在尝试实现一个特定场景：

1. 容器 div（父级）有两个子 div，第一个用于标签，第二个用于内容。
2. 父 div（容器）宽度应取决于第二个子（内容）宽度，即如果第二个子宽度由于其内容而增加，则父 div 宽度也应增加。（父 div 宽度 = 第二个子宽度）。
3. 第一个孩子用于标签，因此它不应超过父 div 宽度。如果第一个孩子大于父 div 宽度，它应该将文本显示为省略号。父 div 宽度不应取决于第一个子宽度。

我不确定它是否可以仅使用 CSS 来实现。非常感谢您对此的帮助。

提前致谢。

用于视觉表示的图像

标签： javascripthtmljquerycsssass

Answer 1

对于将内容用作宽度参考的容器，它是可能的，它被称为“收缩包装”，请访问此线程以获取更多详细信息。
对于标签 div，您可以使用这个 CSS 属性。
所以你的问题的答案，是的，这是可能的。