ruby-on-rails - Rails best_in_place gem 输入有讨厌的额外空间

Question

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

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

前：

后：

有没有其他人有这个问题？我应该怎么办？

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

谢谢。

score 4 · Accepted Answer

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

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

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

希望这可以帮助：）

score 2 · Accepted Answer

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

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

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

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

我使用colsandrows作为替代size：

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

4 回答 4