引入 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">
<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"/>
我想在一行中对齐,但是在我注入 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">
<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"/>