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

时间:2012-12-20 10:37:32

标签: html asp.net html-table

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

1 个答案:

答案 0 :(得分: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>