制作两个HTML按钮并排

时间:2012-07-14 06:30:31

标签: html button

好的,我不熟悉HTML,或者它是如何与CSS结合在一起的。我一直在寻找如何让两个HTML按钮并排。这是我目前正在使用的代码。

<FORM METHOD="LINK" ACTION="LINK TO WEBSITE" target="_blank">
  <input type="submit" value="Forum Home Page">
</FORM>
<FORM METHOD="LINK" ACTION="LINK TO A DIFFERENT WEBSITE" target="_blank">
  <input type="submit" value="Skill Guides">
</FORM>

无论我是将它们放在彼此之后还是在它们前面对齐。我似乎无法让他们彼此相邻。我希望有人能够轻松而详尽地帮助我。

3 个答案:

答案 0 :(得分:12)

如果我理解正确,您可以附加以下CSS:

form {
    display: inline;
}

如下所示:http://jsfiddle.net/zcz3j/

答案 1 :(得分:0)

演示http://jsfiddle.net/satinder_singh1/wr4Xv/1/

<div id="main">
<div class="floatdiv"><FORM METHOD="LINK" ACTION="LINK TO WEBSITE" target="_blank">
  <input type="submit" value="Forum Home Page">
</FORM></div>
<div class="floatdiv">
<FORM METHOD="LINK" ACTION="LINK TO A DIFFERENT WEBSITE" target="_blank">
  <input type="submit" value="Skill Guides">
    </FORM></div></div>​

<style type="text/css">
    #main
    {
    position:relative;
        width:200px;
    }

    .floatdiv
    {
    float:left;
        width=80px
    }
</style>

答案 2 :(得分:0)

您也可以尝试将它们包装在表格标签中。这就是我修复类似问题的方法。该表自动将它们并排设置。