引入 struts2 标签后表单未正确对齐

Form is not aligned properly after introducing struts2 tag

我想在一行中对齐,但是在我注入 struts2 标签后..这些字段没有在一行中对齐 line.Please 求助 me.I 我是 struts2 的新手但我尽力解决了它,但在 vain.I 中,我很确定肯定有一些与 div 标签相关的问题,但我无法弄清楚的确切问题在哪里。
下面是我的 jsp 页面代码。

    <!-- Main content -->
    <div>
    <s:form action="UpdateUserRoleByAdmin">

    <s:iterator value="selectUserList">

        <section class="content"> <!-- Small boxes (Stat box) -->


            <div class="row">
                <div class="contetpanel">

                    <div>
                        <div class="crevtbl">
                            <div class="crevtblRow">
                                <div class="crevtblCell">Name</div>
                                <div class="crevtblCell1">:</div>
                                <div class="crevtblCell2">
                                    <s:textfield name="updateuser.fullName" value="%{fullName}"
                                        size="40" />
                                </div>
                            </div>
                            <div class="crevtblRow">
                                <div class="crevtblCell">Address</div>
                                <div class="crevtblCell1">:</div>
                                <div class="crevtblCell2">
                                    <s:textfield name="updateuser.userAddress"
                                        value="%{userAddress}" size="40" />
                                </div>
                            </div>
                                <div class="crevtblRow">
                            <div class="crevtblCell">Username</div>
                            <div class="crevtblCell1">:</div>
                            <div class="crevtblCell2">
                                <s:textfield name="updateuser.userName"
                                    value="%{userName}" size="40"/>
                            </div>
                        </div> 
                            <div class="crevtblRow">
                                <div class="crevtblCell">Password</div>
                                <div class="crevtblCell1">:</div>
                                <div class="crevtblCell2">
                                    <s:textfield name="updateuser.passWord" value="%{passWord}"
                                        size="40" />
                                </div>
                            </div>

                            <div class="crevtblRow">
                                <div class="crevtblCell">Contact</div>
                                <div class="crevtblCell1">:</div>
                                <div class="crevtblCell2">
                                    <s:textfield name="updateuser.userContact"
                                        value="%{userContact}" size="40" />
                                </div>
                            </div>
                            <div class="crevtblRow">
                                <div class="crevtblCell">Email</div>
                                <div class="crevtblCell1">:</div>
                                <div class="crevtblCell2">
                                    <s:textfield name="updateuser.userEmail" value="%{userEmail}"
                                        size="40" />
                                </div>
                            </div>
                            <div class="crevtblRow">
                                <div class="crevtblCell">Date of Birth (YYYY-MM-DD)</div>
                                <div class="crevtblCell1">:</div>
                                <div class="crevtblCell2">
                                    <s:textfield name="updateuser.userBirthDate"
                                        value="%{userBirthDate}" size="40" />
                                </div>
                            </div>

                            <div class="crevtblRow">
                                <div class="crevtblCell">Role</div>
                                <div class="crevtblCell1">:</div>
                                <div class="crevtblCell2">
                                    <select name="updateuser.userRole" class="adduserlistbox1">
                                        <option>Admin</option>
                                        <option>User</option>
                                    </select>
                                </div>
                            </div>


                            <div class="crevtblRow">
                                <div class="crevtblCell"></div>
                                <div class="crevtblCell1"></div>
                                <div class="crevtblCell2">
                                    <input type="submit" class="btn btn-primary" value="Update">
                                    &nbsp; &nbsp;
                                      <a href="viewusers.jsp"  class="btn btn-primary">Cancel</a>
                                </div>
                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </section>
    </s:iterator>
            </s:form>

Struts2 uses themes to generate HTML。不同的主题,不同的 HTML 输出。

默认主题是 XHTML,它会在 <td> 内生成您的标签,等等。

由于您自己设计了 HTML,并且使用的是 div 而不是表格,只需使用 simple 主题,不会将几乎任何额外的 HTML 添加到预期的

<s:form action="UpdateUserRoleByAdmin" theme="simple" >

如果您喜欢这种效果,可以考虑为所有应用程序应用一次,方法是在 struts.xml 中设置以下常量:

<constant name="struts.ui.theme"    value="simple"/>