Rails best_in_place宝石输入有令人讨厌的额外空间

Question

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

问题在于，每当我点击编辑输入时，输入的右边会放置一堆额外的空格。

在：

在：

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

我尝试将padding和margin明确设置为0，将宽度设置为设置的像素宽度 - 小于td宽度。

感谢。

Answer 1

Twitter引导程序为您提供了广泛的输入大小调整类。比如'input-small'，'input-large'等。

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

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

希望这有助于：）

Answer 2

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

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

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

Answer 3

我怀疑这实际上是用额外的空格向数据库添加数据。

这只是一个CSS问题，您的输入字段旨在占据包含元素的某个百分比或类似的东西。很难说没有看到输入字段后面的确切CSS。

Answer 4

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

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