html - ASP.NET でテーブルの底までの距離を固定してボタンを表示する

Question

ASP.NET Web アプリに大きなテーブルがあり、このテーブルはコンテナーとして機能し (境界線のみがあります)、このテーブルに他のすべてを描画し、いくつかのボタン (水平に配置されています) を表示します。これらを表示したいテーブルの下の境界線までの距離が常に一定になるようにボタンを設定するにはどうすればよいですか?

Answer 1

HTMLコードを提供していないので、あなたの状況をシミュレートする可能性が最も高いものを思いつきました. アイデアは、td の右下にも配置されるように.wrapper、テーブル セル (ここでは ) に絶対に div (ここでは : )を配置することです。td#yourTDの幅と高さを自由に変更し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>