必填字段验证器文本定位

Question

我在从文本框下的验证中获取文本时遇到问题。它显示在我的文本框后面，就像在图片中一样。

在我的赋值类型和赋值开始文本框的代码中，我有一个 css 类设置说 display = block.这将验证文本放在文本框下。如果我把它放在这个元素上，我的第二个文本框最终会在第一个文本框下（例如，在文本框说 AC- 之后的大空文本框最终在文本框说 AC- 下）。我尝试了所有不同的解决方案，但也许我对这个问题视而不见。我将发布我当前的代码，我希望那里的任何人都可以帮助我解决这个问题。

首先我的aspx...

    <div class="floatLeftPaddTop15PaddLeft40">
        <asp:Label id="costCodesLabel2" runat="server" >Cost code 2:</asp:Label><br />
        <asp:TextBox id="costCodeTextBox2Prefix" runat="server" CssClass="textBoxPrefix" Visible="false" ></asp:TextBox>
        <div class="costCodeDiv" >
            <asp:TextBox id="costCodeTextBox2" runat="server" CssClass="textBoxSuffix" ></asp:TextBox>
            <asp:RequiredFieldValidator ID="costCodeValidator2" runat="server" ControlToValidate="costCodeTextBox2" ErrorMessage="Cost code is required."
                ForeColor="Red"  Display="Dynamic" Enabled="false" />
        </div>    
    </div>

那么我的css...

.textBoxSuffix {
    width: 120px;
    height: 22px;
    border: 1px solid #999; 
}.

.textBoxPrefix {
   width: 35px;
   height: 22px;
   border: 1px solid #999;
}

Answer 1

或者你可以用html表格构建页面...