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