Question

我不知道为什么在添加if语句后，我的操作链接之间的边距/空格消失了。我非常确定HTML有或没有@if（User.IsInRole（＆＃34; Admin＆＃34;））（从管理角度来看）看起来相同。我使用bootstrap 4.1。

<section id="sec5">
  <div class="container pt-5">
    <div class="table-responsive-sm mb-3">
      <table class="table">
        <tr>
          <th>Name</th>
          <th class="text-right">Action</th>
        </tr>
        @foreach (var u in Model)
        {
          <tr>
            <td>@u.Name</td>
            <td class="text-right">
              @if (User.IsInRole("Admin"))
              {
                @Html.ActionLink("Edit", "Edit", new { id = u.SpecialityId }, new { @class = "btn btn-secondary" })
                @Html.ActionLink("Delete", "Delete", new { id = u.SpecialityId }, new { @class = "btn btn-danger" })
              }
            </td>
          </tr>
        }
      </table>
    </div>
  </div>
</section>

E：

https://jsfiddle.net/xoduf1sp/5/

Answer 1

在您的示例中，第二个链接都会立即跟随第一个链接。如果我在html中添加一个换行符，则会显示通常的内联元素间隙。

也许你的if子句会以某种方式消除两个链接之间的空格/换行符？

当时：

<a class="btn btn-secondary" href="#">Edit</a><a class="btn btn-danger" href="#">Delete</a>

应该是：

<a class="btn btn-secondary" href="#">Edit</a>
<a class="btn btn-danger" href="#">Delete</a>

请参阅http://jsfiddle.net/xoduf1sp/7。

Razor Page和Bootstrap，链接之间没有空格

1 个答案: