如何使html元素包装其内容并收缩以适应之后的情况？

编辑。根据@Aziz在评论中的建议，该问题被改写。它之前曾询问如何使用

内联块

实现相同的效果，这似乎是不可能的，请参见 . 新的问题是如何才能达到这种效果，因此不再重复

我有一个包含两个子列的父行容器。我希望每个孩子包装他们的文本内容，然后在包装后收缩以适应宽度

下面的示例几乎达到了这种效果：

.parent{
显示：内联块；
}
.孩子{
最大宽度：180像素；
显示：内联块；
边框：实心薄；
}

我是龙文的孩子。
我是龙文的孩子。

要实现所需的效果，只需确保

.child

是块元素。这样，它将占据父对象的宽度，并将其余部分包裹在其下

.parent{
边框：1px纯红；
显示：内联块；
}
.孩子{
边框：1px红色虚线；
}

我缩小到心满意足的程度，稍微长一点
包括儿童
但这还不够！

要实现所需的效果，只需确保

.child

是块元素。这样，它将占据父对象的宽度，并将其余部分包裹在其下

.parent{
边框：1px纯红；
显示：内联块；
}
.孩子{
边框：1px红色虚线；
}

我缩小到心满意足的程度，稍微长一点
包括儿童
但这还不够！

@Aziz相同的问题-不收缩以适应某个宽度。@Aziz相同的问题-不收缩以适应某个宽度。

display:inline

实现了不同的布局，它不会将内容单独包装在每个子级中。我真的想打包，你想打包吗？什么意思？包装每个子元素的内容。我希望它们以列的形式出现，并将其内部内容包装成几行，但仍然缩小以适应其内容。你的意思是这样的，但将宽度缩小到最长的句子？是的，没错！无论是

内联块

还是

浮点

，似乎都不可能；（

display:inline

实现了不同的布局，它不会单独包装每个子元素中的内容。我实际上想包装。你想包装吗？你的意思是什么？包装每个子元素的内容。我希望它们显示为列，并将其内部内容包装成几行，但仍然会收缩以适合其内容。你ean是这样的，但将宽度缩小到最长的句子？是的，没错！似乎不可能使用

内联块

或

浮点

(