Question

我使用以下代码将3个按钮放在一起，这是有效的好的，当我像下面这样使用它时，但问题是当我慢慢缩小浏览器页面的大小时，详细按钮就会变成删除按钮的顶部，编辑和删除不会改变，我如何使详细信息按钮响应？

  @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>
    }

Answer 1

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

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

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

}

您也可以通过添加：

在您的td元素上使用内联样式进行测试

style="display:inline-block;"

祝你好运！

按钮与并行按钮无关

1 个答案: