Question

您好我遇到了这个问题而且我已经浏览了所有谷歌但似乎没有任何帮助。

我有两个文本框，我只想两者都是相同的宽度。一个是多行文本框，另一个是单行文本框。当我设置这两个文本框的宽度时，只有多行框显示正确的宽度，单行文本框似乎忽略它，但如果我给单行文本框的Multiline文本模式它工作正常吗？

谁能明白为什么？

＆＃13;

.container > * 
{
    display: inline-block;
} 
.labelspace
{
    padding-top:1%;
    padding-left:2.5%;
    width:50%;
}
.formfield *
{
    vertical-align:text-top;
}

.headfont
{
    font-size:11pt;
}

.answerspace
{
    padding-top:1%;
    padding-left:15px;

}

＆＃13;

<div class="container">
  <div class="labelspace">
    <div class="formfield">
      <asp:Label ID="lblComments" runat="server">
        <p class="headfont"><strong>Additional Comments?</strong></p>
      </asp:Label>
    </div>
  </div>&nbsp;
  <div class="answerspace">
    <div class="formfield">
      <asp:TextBox ID="txtComments" runat="server" TextMode="Multiline" Rows="5" width="350px"/>
    </div>
  </div>
</div><br />
<div class="container">
  <div class="labelspace">
    <asp:Label ID="lblEmail" runat="server">
      <p class="headfont"><strong>Your email address</strong></p>
    </asp:Label>
  </div>&nbsp;
  <div class="answerspace">
    <asp:TextBox ID="txtEmail" runat="server" TextMode="SingleLine" Width="350px"/>
  </div>
</div>

＆＃13;

Answer 1

在CSS中设置这些元素的宽度，而不是尝试在ASP组件上使用属性。

更新这些元素的ASP，以添加CssClass属性：

<asp:TextBox ID="txtComments" CssClass="text-field" runat="server" TextMode="Multiline" Rows="5" />

然后使用CSS定位这些元素：

.text-field {
  width: 350px;
}

Asp：文本框宽度

1 个答案: