html - 在 ASP.NET 中显示与桌面固定距离的按钮

Question

我的 ASP.NET Web 应用程序中有一个大表，该表充当我的容器（它只有边框），我在此表中绘制所有其他内容，我有一些按钮（水平对齐），我想显示这些按钮使它们与表格底部边框的距离始终保持不变，我该如何实现？

Answer 1

你没有提供任何 HTML 代码，所以我想出了一些最有可能模拟你的情况的东西。这个想法是您将一个 div（此处：）.wrapper绝对定位在您的表格单元格（此处td#yourTD）中，这样它也将位于 td 的右下角。随意更改宽度和高度，td以便您可以看到按钮始终与底部保持相同的距离。

现场演示
http://jsfiddle.net/SR2GM/1/

CSS

#yourTD {
    border: 1px solid #000;
    height: 250px;
    width: 250px;
    position: relative;
}

.wrapper {
    position: absolute;
    bottom: 10px; /* change for another 'same distance' */
    right: 0;
    background: blue;
}

HTML

<table>
    <tr>
        <td id="yourTD">
            <div class="wrapper">
                <button>button X</button>
                <button>button Y</button>
                <button>button Z</button>
            </div>
        </td>
    </tr>
</table>