Html 按钮与平行按钮相关时不响应

我用下面的代码把3个按钮放在一起，这是可行的 好的，当我像下面这样使用它时，但问题是当我慢慢缩小浏览器页面的大小时，Details按钮变为delete按钮的顶部， “编辑”和“删除”没有更改，如何使“详细信息”按钮也具有响应性

  @if (ViewBag.condition)
    {
        <td>
            @Html.ActionLink("Edit", "Edit", new { id = item.ID }) |
            @Html.ActionLink("Delete", "Delete", new { id = item.ID }) |
        </td>
        <td style="position:relative; right: 60px ">@Html.ActionLink("Details", "Details", new { id = item.ID })</td>
    }
    else
    {
        <td>@Html.ActionLink("Details", "Details", new { id = item.ID })</td>
    }

@if（ViewBag.condition）
{
@ActionLink（“编辑”，“编辑”，新的{id=item.id}）|
@ActionLink（“删除”，“删除”，新的{id=item.id}）|
@ActionLink（“详细信息”，“详细信息”，新的{id=item.id}）
}
其他的
{
@ActionLink（“详细信息”，“详细信息”，新的{id=item.id}）
}

没有太多代码可供使用，我对引导也不太了解。但通常在移动设备上，我会将td的显示设置为阻塞。但是，您的doctype声明可以确定这是否有效（我相信您必须处于标准模式）。如果您有权访问CSS和/或媒体查询，请尝试将其添加到CSS和/或媒体查询中：

@media screen and (max-width: 480px){

    td{
         display: block; /* or inline-block */
    }

}

您也可以通过添加以下内容在td元素上使用内联样式进行测试：

style="display:inline-block;"

---

祝你好运

首先不要使用桌子！求你了@vlrprbttst他们可能出于某种原因将按钮放在表中…@vlrprbttst该按钮适用于表中的每一行…@shopiaT表的其余部分是什么样子，以及您要添加哪些引导样式？重叠是由于您使用了

位置：relative样式。