向左移动按钮不起作用

Question

我使用以下代码，我需要将条件放到编辑和删除但是 问题是我希望这些细节接近删除，当前是它的 向右移动，我尝试使用左边和"margin-left: 20px"并且它不移动， 我应该怎么做？将细节移近删除？

@if (ViewBag.is)
        {
            <td>
                @Html.ActionLink("Edit", "Edit", new { id = item.ID }) |
                @Html.ActionLink("Delete", "Delete", new { id = item.ID }) |
            </td>


        }
        <td style="left: 20px">@Html.ActionLink("Details", "Details", new { id = item.ID })</td>

Answer 1

它向前移动是因为你正在从left by 20px移动它 你应该使用margin-right:20px向左移动

使用

<td style="margin-right: 20px">

或

  <td style="left: -20px">

即

 <td style="margin-right: 20px">@Html.ActionLink("Details", "Details", new { id = item.ID })</td>

或

 <td style="margin-left: -20px">@Html.ActionLink("Details", "Details", new { id = item.ID })</td>

来自@ aashi的评论

编辑

  

如果你使用div而不是td那么风格会更好   div到位置：relative n给出右/左：0

Answer 2

你想要这样的demo。你可以将你的按钮添加到你的css .right-btn{position:relative; right:10px}