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 问题。要对齐框，它们必须使用相同的 float ，在本例中为“左”。我在这里创建了一个可视化示例: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;
}