文本框宽度问题 - ASP.NET

Question

我在一个生成文本框的网站页面上有一个用户控件.文本框具有指定的宽度,但文本框间歇地显示的宽度比代码中指定的宽度小得多.我让用户向我发送"查看源"输出的副本,以便我可以比较好的和坏的结果.通过"间歇",我的意思是类似的构建 - 不同的计算机.请注意,不良结果始终显示在相同的"坏"计算机上(有多个用户遇到此问题),相反,"好"计算机(所有计算机都与"坏"计算机具有相同版本的IE7) )始终显示"好"的结果.

当页面显示正确时,发送到浏览器的html如下所示:

<input name="ShortDescription" type="text" maxlength="100" 
id="ShortDescription" class="content" style="width:800px;" />

当它渲染不正确时,它看起来像这样:

<input name="ShortDescription" type="text" maxlength="100" 
id="ShortDescription" class="content" />

在这两种情况下,ASP.NET代码是:

<asp:textbox id="ShortDescription" runat="server" 
CssClass="content" Width="800px" MaxLength="100"> </asp:textbox>

我不确定为什么样式标签会掉线.以上页面都在不同计算机上的同一浏览器(IE7)中查看.计算机具有公司构建,因此它们"应该"配置相同.

我将不胜感激任何帮助!

Answer 1

尝试在CssClass中设置TextBox,或者作为样式属性参数而不是使用Width属性

<asp:TextBox id="ShortDescription" runat="server" CssClass="content" MaxLength="100" style="width: 800px" />

<style>.content { width: 800px }</style>
<asp:TextBox id="ShortDescription" runat="server" CssClass="content" MaxLength="100" />

Answer 2

在过去,我发现通过类本身设置宽度,而不是使用文本框的width属性将确保控件正确呈现.

Answer 3

应用最小宽度属性。

在您的CSS样式表中

.Textbox
{
min-width:100%;
}

在您的* .aspx中

<asp:TextBox  CssClass="TextboxStyle"  placeholder="Enter the Title" runat="server" ID="TextBox1"></asp:TextBox>

这将更新您的文本框