2

我有一个有 2 个按钮的表单。一个表格登记册和另一个取消表格。我使用以下代码创建它们： 

<s:submit name="cancel"  key="project.button.cancel" />
<s:submit name="login"  key="form.register.registerBtn" />

但我对它的看法有意见。我要一排指挥。但它在两行中创建了两个按钮。您可以在下图中看到它的图片：

在此处输入图像描述

我该如何解决这个问题？谢谢。

更新 2013/9/21 ：
它是完整的 jsp 页面代码： 

<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <link rel="stylesheet" type="text/css"
href="${pageContext.request.contextPath}/resources/css/form.css" />
    <title>Insert title here</title>
</head>
<body>
    <div style="padding-top: 20px;"></div>
    <div style="width: 600px; margin: 0 auto;">
    <div style="float: left; padding: 20px; padding-top: 0px;">
        <img alt=""
            src="${pageContext.request.contextPath}/resources/img/register.png">
    </div>
    <div class="box" style="width: 300px; float: left;" id="col">
        <h1>
            <span class="title"><s:text name="form.register.title" /></span>
        </h1>
        <hr />
        <form action="login" method="post" namespace="/">
            <span class="text"><s:text name="user.nickname" /></span>
            <s:textfield name="nickname" />
            <hr />
            <span class="text"><s:text name="user.username" /></span>
            <s:textfield name="username" />
            <span class="text"><s:text name="user.password" /></span>
            <s:password name="password" />
            <span class="text"><s:text name="user.validation" /></span>
            <s:password name="validation" />
            <s:checkbox name="recoverable" key="user.recoverable" />
            <hr />
            <span class="text"><s:text name="user.email" /></span>
            <s:textfield name="validation" />
            <div style="display: inline-block; white-space: no-wrap;">
                <s:submit name="cancel" key="project.button.cancel"
                    cssClass="button-red" />
                <s:submit name="login" key="form.register.registerBtn"
                    cssClass="button-green" />
            </div>

        </form>
    </div>
</div>

4

1 回答 1

2

div将它们包装在一个标签中并应用 CSS的可能解决方案

<s:form action="login" method="post" namespace="/" theme="simple">
  ....
  <div style="display:inline-block;white-space:nowrap;">
    <s:submit name="cancel"  key="project.button.cancel" />
    <s:submit name="login"  key="form.register.registerBtn" />
  </div>
</s:form>
于 2013-09-21T16:46:25.923 回答