c# - 如何让两个按钮彼此相邻

Question

这是我的看法：

  <fieldset>
    <legend></legend>
    <br/>
      @using (Html.BeginForm("PrePayment", "Payment", FormMethod.Post))
      {
        <div align="left"> 
          <input id="btn" type="submit" value="Make a Payment" />
        </div>
      }
     @using (Html.BeginForm("DisplayLedger", "Customer", FormMethod.Post))
      {
        <div align="right"> 
          <input id="btn" type="submit" value="Display Activity" />
        </div>
      }
  </fieldset>

我试图让它们居中并在同一条线上彼此相邻。

这是正在发生的事情：

我是 css 新手，我已经尝试了几件事，但我似乎无法将它们放在同一条线上。

有人有想法么？

Answer 1

这是一个简单的 CSS 问题。要对齐框，它们必须使用相同的浮点数，在本例中为“左”。我在这里创建了一个可视化示例：http: //jsfiddle.net/ktCng/

<div class="wrap">
    <div class="box left"></div>
    <div class="box left"></div>
</div>

<div class="wrap">
    <div class="box left"></div>
    <div class="box right"></div>
</div>​

.wrap{
  width: 200px;
  height: 100px;
  float: left;
  display: block;    
  border: 1px solid #000;    
}

.box{
 width: 50px;
 height: 50px;
 display: block;
}

.left{
  float: left;
  background: green;
}

.right{
  float: right;
  background: red;
}

​</p>

Answer 2

仅解决样式问题。并且只有在这方面真正做一件快速而讨厌的工作。

<fieldset>
    <legend></legend>
    <br/>
    <div style="text-align:center">
        @using (Html.BeginForm("PrePayment", "Payment", FormMethod.Post, new { style = "display:inline" }))
        {
          <input id="btn" type="submit" value="Make a Payment" />
        }
        @using (Html.BeginForm("DisplayLedger", "Customer", FormMethod.Post, new { style = "display:inline" }))
        {
          <input id="btn" type="submit" value="Display Activity" />
        }
    </div>
</fieldset>