Rails best_in_place gem input has nasty extra space

Question

我使用Rails 3.2.3，Twitter Bootstrap和best_in_place gem來處理就地編輯。

問題是，無論何時單擊編輯輸入，一堆額外的空間都會放在輸入的右側。

前：

後：

任何人都有這個問題？我該怎麼辦？

我試着明確地將填充和邊距設置爲0，並將寬度設置爲設置像素寬度 - 小於td寬度。

謝謝。

Answer 1

我懷疑這實際上是用額外的空格向你的數據庫添加數據。

這只是一個CSS問題，其中您的輸入字段被設計爲佔用一定比例的包含元素或類似的東西。很難說沒有看到輸入字段後面的確切CSS。

Answer 2

Twitter引導爲您提供廣泛的輸入大小類。如'輸入小'，'輸入大'等。

嘗試爲'inner_class'屬性添加這些類，它應該應用於輸入字段。

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

希望這有助於:)

Answer 3

我最近就遇到了這個問題我自己。我通過使用best_in_place可用:html_attrs選項HTML屬性size，如下所示：

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

的3所述的尺寸裝置，用於3個字符的輸入框。這在本例中大大減少了輸入框的擴展。

Answer 4

我用cols和rows，作爲替代size：

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