Как выполнить вертикальное выравнивание в ячейке с несколькими данными

Question

Я хочу добавить в свою ячейку две ссылки и разместить их внизу своей ячейки. Я пробовал "vertical-align: bottom", но в моем случае это не работает:

// Append database data here
$.ajax({
    type: "GET",
    url: "/Home/JsonWeekEvents",
    dataType: "JSON",
    success: function (result) {
        $.each(result, function (i, val) {
            var trow = $('<tr/>').data("id", val.Id);
            //trow.append('<td>' + val.Id + "&nbsp;" + '</td>');
            trow.append('<td style="padding:5px; width:100px; height:70px"></td>');

            trow.append('<td valign="top" style="padding:2px; width:150px; height:100px">' +
                '<div class="ui-widget">' +
                '<input  size="10" maxlength="10" id="tagsW" class="tags" />' +
                '<input type="button" id="addBtn" class="addEvent" size="5" value="+" /><br/>' +
                '<div style="text-align:center" id="wedVal" class="desc_NumW">' + val.Wednesday + '</div >' +
                '<input type="hidden" class="idEvent" />' +
                '<div style="vertical-align:bottom;">' +
                '<a  href="#" style="float:left;text-align:left;">Details<a/>' + '<a href="#" style="float:right;text-align:right;">Clear<a />' +
                '</div >' +
                '</div >' +
                '</td>');

Как я могу решить эту проблему?

Answer 1

попробуйте установить следующие стили для вашего div вместо вертикального выравнивания

display:flex; align-items: flex-end;

Answer 2

Вы можете захотеть go с position: absolute; внизу: 0; sh его до дна.