Question

我有一个非常简单的搜索表单，其中包含以下内容

标签（“搜索”）
文本框（固定宽度）
提交按钮
“高级”链接

标签，文本框和提交都在一条水平线上并居中。现在我希望我的高级链接位于提交按钮下。

有什么想法吗？

Answer 1

如果我理解你想要的问题：

              Search [xxxxxxxxxxxxxxxx] [Submit]
                                        Advanced

你必须添加一些元素才能做到这一点：

<div style="width: 300px; margin: auto; text-align: center;">
    Search [xxxxxxxxxxxxxxx] [Submit]
    <div style="text-align: right">Advanced</div>
</div>

Answer 2

<style type="text/css">
    #searchpanel
    {
        width: <displaywidth of controls>px;
        text-align: center;
    }

    #button
    {
        text-align: right;
    }
</style>
<div ="searchpanel">
    <label for="textbox">Search</label><input type="text" id="textbox" />
    <input type="submit" value="Search" />
</div>
<div id="button">
    <a href="#">Advanced</a>
</div>

希望这有帮助。

通过css对齐其他元素下的元素

2 个答案: