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

Question

我想对齐一行但是在我注入struts2标签之后..字段没有对齐一行。请帮助我。我是struts2的初学者，但我尽力解决它但徒劳无功。我是很确定肯定有一些与 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>

Answer 1

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

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

由于您自己设计了 HTML，并且您使用的是 div 而不是表格，只需使用 simple 主题，它几乎不会在预期的 HTML 上附加任何额外的 HTML ：

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

如果你喜欢这个效果，可以考虑在所有应用程序中应用一次，方法是在 struts.xml 中设置以下常量：

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