Javascript 制作动态大小的盒子

我有一个测验，有四个选项可供选择。 每个问题都有不同的选项，有时一个选项的文本很长，不适合我的固定大小框（比如

div

）。 我不想要最大的盒子来防止我的盒子溢出。我想根据我在当前测验中的最长选项来调整我的盒子大小，如果每个选项都足够短，请使用我的固定大小

这是我的HTML标记：

<div id="options">
    <div class="option 1">
        <span class="optiontText"></span>
    </div>
    <div class="option 2">
        <span class="optiontText"></span>
    </div>
    <div class="option 3">
        <span class="optiontText"></span>
    </div>
    <div class="option 4">
        <span class="optiontText"></span>
    </div>
</div>

---

optionTexts的文本来自数据库，我需要一个jQuery函数，该函数根据文本的大小调整我的框的大小

如果我理解正确，您希望框根据内容调整大小。 有几个选项可以做到这一点，但其中之一是在框的CSS中设置最小宽度和最大宽度

.option{
 min-width: 380px;
 max-width: 500px;
}

无论盒子里有什么，它的宽度都不会小于380px或大于500px。

---

这有帮助吗？

如果我理解正确，您希望框根据内容调整大小。 有几个选项可以做到这一点，但其中之一是在框的CSS中设置最小宽度和最大宽度

.option{
 min-width: 380px;
 max-width: 500px;
}

无论盒子里有什么，它的宽度都不会小于380px或大于500px。

---

这有帮助吗？

您最好使用来平衡选项的高度。

您最好使用来平衡选项的高度。

如果您只有最小宽度，则框可以永久扩展，而如果只有一个选项扩展，则框可以永久扩展？我希望所有的盒子都一样。我知道这个级别的CSS，伙计！啊，对不起。我以为你把所有的问题都放在一个盒子里了……：）如果只有“最小宽度”，则框可以永久展开如果只有一个选项展开，会发生什么情况？我希望所有的盒子都一样。我知道这个级别的CSS，伙计！啊，对不起。我以为你把所有的问题都放在一个盒子里了……：）它想让我知道我的最小值或最大值是多少。但最小值和最大值取决于来自服务器的文本。如果我知道这些，我会使用“最小宽度”。它应该从选项中最长文本中获取框的大小，然后应用于其他文本。如果您保持选项不变，它将根据自身判断值。而且最小宽度不是跨浏览器的。哦！我没有看到这个例子：“$（“.columns”）.equalHeights（）.css（“颜色”，“蓝色”）；”谢谢这就是我想要的。它想让我知道我的最小值或最大值是多少。但最小值和最大值取决于来自服务器的文本。如果我知道这些，我会使用“最小宽度”。它应该从选项中最长文本中获取框的大小，然后应用于其他文本。如果您保持选项不变，它将根据自身判断值。而且最小宽度不是跨浏览器的。哦！我没有看到这个例子：“$（“.columns”）.equalHeights（）.css（“颜色”，“蓝色”）；”谢谢这就是我要找的。