水平对齐 g:form 元素答案

【问题标题】：Align g:form elements horizontally水平对齐 g:form 元素
【发布时间】：2015-05-04 07:23:29
【问题描述】：

遇到 Grails/GSP 问题。我想水平对齐 g:form 标签中的元素。

我的代码目前看起来像这样，尽管 submitButton 仍位于 textField 下方。

    <g:form controller="objectSearch" action="search" >
        <g:textField name="searchText" value="${searchText}"  />
        <g:submitButton name="search" value="Search" />         
    </g:form>

谢谢

更新：

通过在表单中创建一个表格，并将元素放在同一个<tr> 标记中（参见下面的代码），我设法获得了所需的结果。肯定有更好的方法吗？

<g:form controller="objectSearch" action="search" >
    <table>
        <tr>
            <td>
                <g:textField name="searchText" value="${searchText}"  />
            </td>
            <td>
                <g:submitButton name="search" value="Search" />     
            </td>
        </tr>
    </table>        
</g:form>

【问题讨论】：

这与 grails 无关，请检查您的 css 。另外我不建议使用表格。
g:form 被翻译成一个表单标签。 g:textField 和 g:submitButton 被翻译成输入标签。然后，这只是一个 CSS 问题。（提示：您正在寻找 css 浮动属性）
谢谢大家，根据您的提示，我能够解决问题 :)

标签： css gsp

【解决方案1】：

感谢来自 codehx 和 Fernando 的 cmets，我最终通过包含表单元素的 float 属性解决了我的问题。见以下代码：

        <g:form controller="objectSearch" action="search" >
                    <g:textField name="searchText" value="${searchText}"  style="float: left;" />
                    <g:submitButton name="search" value="Search" style="float: right;" />       
        </g:form>

【讨论】：