0

これは私の見解です：

  <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が初めてで、いくつかのことを試しましたが、それらを同じ行に入れることさえできないようです。

誰にもアイデアはありますか？

4

2 に答える 2

2

これは単純な 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>

于 2012-12-30T23:34:55.223 に答える
1

スタイルの問題のみを扱います。そして、本当に迅速で厄介な仕事をしているだけです。

<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>
于 2012-12-30T23:50:38.253 に答える