Rails best_in_place gem 输入有讨厌的额外空间

Posted 2023-02-15

技术标签:

【中文标题】Rails best_in_place gem 输入有讨厌的额外空间【英文标题】：Rails best_in_place gem input has nasty extra space 【发布时间】：2012-06-10 01:35:38 【问题描述】：

我正在使用 Rails 3.2.3、Twitter Bootstrap 和 best_in_place gem 来处理就地编辑。

问题是，每当我点击编辑输入时，输入右侧会放置一堆额外的空间。

之前：

之后：

还有其他人遇到过这个问题吗？我该怎么办？

我已尝试将填充和边距显式设置为 0，并将宽度设置为设置的像素宽度 - 小于 td 宽度。

谢谢。

【问题讨论】：

我自己在看这个 - best-in-place 依赖于就地休息，我看到输入，默认大小是 220 px，并且有一个 css 类 rip -active 附加到它。我在看那个... 【参考方案1】：

我怀疑这实际上是将数据添加到您的数据库中并带有额外的空格。

这只是一个 CSS 问题，您的输入字段被设计为占用一定百分比的包含元素或类似的东西。如果没有看到输入字段背后的确切 CSS，很难分辨。

【讨论】：

【参考方案2】：

Twitter bootstrap 为您提供范围广泛的输入大小调整类。比如'input-small'、'input-large'等。

尝试为“inner_class”属性添加这些类，它应该应用于输入字段。

<%= best_in_place @category, :name, :inner_class => "input-small", :type => :input %>

希望这会有所帮助:)

【讨论】：

【参考方案3】：

我最近自己遇到了这个问题。我使用best_in_place中的:html_attrs选项传递了html属性size，如下：

<%= best_in_place @payment, :currency, :html_attrs => size: 3 %>

大小为 3 表示输入框可输入 3 个字符。在我的示例中，这大大减少了输入框的扩展。

【讨论】：

【参考方案4】：

我使用cols 和rows 作为size 的替代品：

<%= best_in_place @payment, :currency, :html_attrs =>   :cols => '45', :rows => '10'  %>

【讨论】：

以上是关于Rails best_in_place gem 输入有讨厌的额外空间的主要内容，如果未能解决你的问题，请参考以下文章