自定义HTML选择菜单

Question

因此，如果你知道你是否有一个选择，它会拉伸容器以适应最长的选项。

我有一个truncate函数，它基本上是一个substr，长度为20，在末尾添加句点，所以它不会拉伸它。

我已经搜索过，但要么我没有正确搜索，要么它不存在，但我希望能够点击选择，它会在页面上显示整个选项，而不是推动周围的元素。一个固定的位置可以说，除了因为我不希望页面围绕选择滚动。

任何人都知道有任何插件或其他任何内容吗？

实施例

这真是......

这样做是因为它不会拉伸它所在的整个TD元素。现在，当我点击选择查看选项时，我希望它实际显示

这是一个非常长的句子，被截断了。

然而，我不希望它在显示时推动TD单元格的宽度，因此隐藏/显示不同的选择菜单将无法工作，因为这会推动宽度。

Answer 1

最简单的方法是将<select>转换为bootstrap dropdown。

Answer 2

我不确定这是不是一个愚蠢的答案。但你试过position:absolute;吗？ CSS做了一些精彩的技巧。

此外，句子结尾处的句点可以使用white-space: nowrap; text-overflow: ellipsis; overflow: hidden完成。