更改文本字段的宽度以显示所有字符答案

【问题标题】：Changing the width of a text field to show all charecters更改文本字段的宽度以显示所有字符
【发布时间】：2013-01-09 14:39:44
【问题描述】：

我正在开发一个应用程序，其中我有一个像这样的 Rails 代码-

<input type="text" readonly="readonly" value="<%= linkbunch_url(@link.link) %>" />

现在这里的值超过 40 个字符。但文本字段仅显示 33 个字符。所以我添加了 'size' 和 'maxlength' 属性，但它没有用。我还向 width:500px 等添加了 CSS 样式，但它没有用。到目前为止，我在 rails 中使用了 twitter bootstrap。那么 twitter bootstrap 中是否有任何方法可以格式化该字段或任何简单的 css 或 html 来执行此操作？

在此先感谢...

【问题讨论】：

标签： html css ruby-on-rails twitter-bootstrap

【解决方案1】：

参考：http://twitter.github.com/bootstrap/base-css.html#forms

您可以尝试添加以下任何一个类：

输入-xxlarge
span12（或任何适合您的父容器的值）

【讨论】：

【解决方案2】：

奇怪的是，通过 CSS 添加宽度不起作用。可能有一种引导样式会覆盖您的设置宽度。

类似http://jsfiddle.net/FBxHh/1/ 的东西不起作用？

<input type="text" class="myInput" readonly="readonly" value="lorem ipsum lorem ipsum lorem ipsum lorem ipsum" />

css：.myInput { width: 500px; }

【讨论】：