Question

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

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>

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

1 个答案: