1

asp.net MVC Razor ビュー内に次のコードがあります。

<p>
@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    @Html.HiddenFor(model => model.GroupID)
    @Html.Partial("_CreateOrEdit", Model)

    <input type="submit" value="Save" class="btn btn-primary"/>
}

@using (Html.BeginForm("Index", "SecurityGroup", FormMethod.Get))
{
    <input type='submit' value='Cancel' class='btn' />
}
</p>

<input />2 つの要素を互いに下に配置するのではなく、強制的に並べて表示するにはどうすればよいですか?

4

3 に答える 3

3

HTML <FORM> をインライン要素として表示するには?

要素には、<p>インライン要素のみを含めることができます。<form>インラインではなく、ブロック要素です。<div>たとえば、フォームを s でラップしてみてください。

<div class="form-container">
    @using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    @Html.HiddenFor(model => model.GroupID)
    @Html.Partial("_CreateOrEdit", Model)

     <input type="submit" value="Save" class="btn btn-primary"/>
    }
</div>
<div class="form-container">
    @using (Html.BeginForm("Index", "SecurityGroup", FormMethod.Get))
    {
        <input type='submit' value='Cancel' class='btn' />
    }
</div>

次に、次のスタイルシートを (インライン スタイルまたは CSS で) 使用します。

.form-container{
    display:inline-block;
}
于 2013-07-11T11:43:01.143 に答える
0

テーブルを使用して、ボタンを隣り合わせに配置できます。

<table>
  <tr>
    <td>
      @using (Html.BeginForm()) {
        @Html.ValidationSummary(true)
        @Html.HiddenFor(model => model.GroupID)
        @Html.Partial("_CreateOrEdit", Model)
        <input type="submit" value="Save" class="btn btn-primary"/>
      }
    </td>
    <td>
        @using (Html.BeginForm("Index", "SecurityGroup", FormMethod.Get)) {
          <input type='submit' value='Cancel' class='btn' />
        }
    </td>
</tr>

ブートストラップ ナビゲーション バーと div タグも確認できます。

于 2016-11-16T12:31:34.643 に答える