如何对齐两个提交按钮？答案

【问题标题】：How to align two submit buttons?如何对齐两个提交按钮？
【发布时间】：2014-03-04 07:27:17
【问题描述】：

<s:form action="download1" name="regform" id="formSelectOne"  theme="simple">
    <td  valign="top" align="right" >
        <s:submit value="View coc1  " theme="simple" />
    </td>
</s:form>

<s:form action="download2" name="regform" id="formSelectOne"  theme="simple">
    <td  valign="top" align="center">   
         <s:submit value="View doc2" theme="simple" />
    </td>  
</s:form>

按钮并排显示，但我需要在右侧显示第一个，在中间显示第二个。该怎么做？

【问题讨论】：

请花点时间更好地描述您提出的问题。你的代码很乱，你的描述更糟。而且我仍然不确定我的编辑是否尊重您实际要求的内容（仅标记了 struts2，而 struts2 非常适合，仅适用于主题部分）。顺便说一句，如果你想要它在右边，你到底为什么要把你的第一个按钮放在第一位呢？（除非您的网站是 RTL）
为什么不把表格放在单元格内(td)？
为什么不使用链接而不是提交的空表单？

标签： jsp struts2

【解决方案1】：

页面上没有必要有两个表单来提交不同的操作（方法）。

从一开始，Struts 就有一种将提交按钮分派给不同动作的技术。在最新版本中，它通过submit 标签执行，用于从action 或method 等属性构建操作URL。

当您在form 标签上使用simple 主题时，它会继承到所有输入字段。不必单独应用相同的主题。

如果您使用table HTML 标签来设计您的表单元素，那么将这些按钮放在具有white-space:nowrap; CSS 样式的同一记录tr 标签中是非常重要的。例如

<s:form  name="regform" id="regform" theme="simple">
<table style="width:100%;" cellspacing="0" cellpadding="0" border="0">
  <tr style="white-space:nowrap;">
    <td style="width:50%;" valign="top" align="right" >
        <s:submit action="download2" value="View coc2"/>
    </td>
    <td style="width:50%;" valign="top" align="right" >
        <s:submit action="download1" value="View coc1"/>
    </td>
  </tr>
<table>
</s:form>

要使action 属性起作用，请参阅this 答案以了解如何在struts.xml 中启用操作前缀，以便能够使用s:submit 标记的action 属性。

【讨论】：

【解决方案2】：

在两种形式中添加样式属性。
因为当您开始一个表单标签时，它通常会换行并从新行开始。
所以添加以下属性将对您有所帮助..

style="float:left;"

【讨论】：

谢谢你，但在上面的代码中它放置..请重播
在“两个表单元素”中添加样式属性，如下所示