如何在不使用主题 =“简单"的情况下使用 Struts 2 在同一行中定位多个文本字段? [英] How to position multiple text fields in same line using Struts 2 without using theme="simple"?

问题描述

我想设计一个网页，使用 Struts 2 在同一行显示用户 ID 和密码.

如何在不使用 theme='simple' 的情况下管理它?

 <%@taglib uri="/struts-tags";前缀=s"％＞<%@page contentType="text/html";pageEncoding="UTF-8"%><头><身体><s:form action="Register.action"><s:textfield name="uid";label="用户名"/><s:password name="pass";标签=密码"/></s:form>

以上源码:

<头><身体><form id="注册";动作=注册.动作"方法=发布"><表类=wwFormTable"><tr><td class="tdLabel"><label for="Register_uid";class="label">用户名:</label></td><td><输入类型=文本"名称=uid"值="id="Register_uid"/></td></tr><tr><td class="tdLabel"><label for="Register_pass";class="label">密码:</label></td><td><输入类型=密码"名称=通过"id="Register_pass"/></td></tr></表单></html>

解决方案

默认情况下，Struts2 使用 xhtml 主题，用表格布局包装输入字段.表格布局利用其元素的独特定位，使用行和列.您不能在同一行上显示两行.

另一方面有一个主题 css_xhtml 正在使用

<块引用>

基于 CSS 的标准两列布局，用于 HTML Struts 标签(表单、文本字段、选择等)

您可以更改元素的样式以显示内联.如果 div 是为 textfilds 生成的，您可以使用样式 dysplay: inline-block

<块引用>

内联块值

很长一段时间以来，都可以创建一个填充浏览器宽度并很好地包裹的盒子网格(当浏览器处于调整大小)，通过使用 float 属性.

然而，display 属性的 inline-block 值使得这个更容易.

inline-block 元素类似于 inline 元素，但它们可以有一个宽度和高度.

代码: