水平对齐g:表单元素

时间:2015-05-04 07:23:29

标签: css gsp

有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>

1 个答案:

答案 0 :(得分:1)

感谢codehx和Fernando的评论,我最终通过包含我的表单元素的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>