Javascript 根据滑块中的不同子项计算div的正确高度？

我有一个滑块在一个滑块。滑块接收一组幻灯片，每个元素都有一个文本，其中文本没有字数限制。当我向左或向右滑动时，不同的文本具有不同的长度，文本的高度不同，使其看起来很难看。我尝试使用最小高度或固定高度，但这些并不能解决问题，因为文本下面会有太多的空白，或者文本偶尔会比最小高度长，并且文本的大小会再次发生变化

我现在能做什么？有没有办法让我根据幻灯片中最长的文本找出div的最大高度，然后给我的div这个高度？这样的话，短文本仍然会有一些空白，但至少不会是任意的

---

这听起来是一个不错的解决方案吗？我想知道我怎样才能事先测量它？所以我很感谢你给我的线索

您可以尝试使用flex display来实现这一点。不确定它是否能与您的滑块tho一起工作，因为tho尚未发布您的代码。

---

您可以找到一个示例，您可以尝试使用flex display来实现这一点。不确定它是否能与您的滑块tho一起工作，因为tho尚未发布您的代码。

---

您可以找到一个示例

如果我了解您的情况，您有一个元素可以包装多个幻灯片元素，其中：

每个幻灯片元素的高度根据其文本内容和， 您希望wrapping div自然地扩展，以适应所有幻灯片，而不管其内容的任意高度 解决这个问题的一个方法是使用它，它允许幻灯片在包装器div中水平排列，同时也确保包装器自然展开，以适合任意高度的子对象

为了说明这种方法，请考虑以下示例，其中Flex框用于确保粉红色DIV正确地包装不同高度的绿色幻灯片：

包装纸{ 显示器：flex； 弯曲方向：行； 溢出-x：滚动； 背景：粉红色； } 包装器>div{ 最小宽度：30雷姆； 保证金：1rem； 背景：绿色； } 短

最高的最高的最高的

塔尔塔尔

---

如果我了解您的情况，您有一个元素，它包含多个幻灯片元素，其中：

每个幻灯片元素的高度根据其文本内容和， 您希望wrapping div自然地扩展，以适应所有幻灯片，而不管其内容的任意高度 解决这个问题的一个方法是使用它，它允许幻灯片在包装器div中水平排列，同时也确保包装器自然展开，以适合任意高度的子对象

为了说明这种方法，请考虑以下示例，其中Flex框用于确保粉红色DIV正确地包装不同高度的绿色幻灯片：

包装纸{ 显示器：flex； 弯曲方向：行； 溢出-x：滚动； 背景：粉红色； } 包装器>div{ 最小宽度：30雷姆； 保证金：1rem； 背景：绿色； } 短

最高的最高的最高的

塔尔塔尔

---

将您的代码显示到目前为止，以便我们能够帮助您将您的代码显示到目前为止，以便我们能够帮助您