0

因此,如您所知,如果您有选择,它会拉伸容器以容纳最长的长度选项。

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

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

任何人都知道任何插件或任何这样做的东西?

例子

这是一个真正...

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

这是一个很长的句子,被截断了。

但是我不希望它在显示时推动 TD 单元格的宽度,因此隐藏/显示不同的选择菜单将不起作用,因为这会推动宽度。

4

2 回答 2

1

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

于 2012-12-21T16:26:17.343 回答
0

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

此外,句尾的句号可以用 css 来完成,使用white-space: nowrap; text-overflow: ellipsis; overflow: hidden.

于 2012-12-21T16:19:37.060 回答