Блог

РЕДАКТИРОВАТЬ: я не смог решить проблему, поэтому я удалил классы начальной загрузки и сделал все кнопки самостоятельно, так что теперь они выровнены идеально, и кажется, что классы начальной загрузки все испортили

Как я могу выровнять разные td в a tr в таблице HTML. Здесь вы можете найти скриншот того, что я пытаюсь сказать: изображение различных элементов, которые я хочу выровнять по вертикали в tr элементе

Любые предложения были бы полезны. Заранее спасибо!

Это tr генерируется js. Код:

 let itemRow = document.createElement('tr');

        

    let item1 = document.createElement('td');
            let item2 = document.createElement('td');
            let item3 = document.createElement('td');
            let item4 = document.createElement('td');
            let item5 = document.createElement('td');
            let item6 = document.createElement('td');
            let btnRemove = document.createElement('button');
            let btnEdit = document.createElement('button');
        item1.innerHTML = bookTitle;
                item2.innerHTML = author;
                item3.innerHTML = recipient;
                item4.innerHTML = dateIssued;
                btnRemove.className = 'btn btn-outline-danger btn-remove';
                btnRemove.textContent = 'X';
                btnEdit.className = 'btn btn-outline-success btn-edit';
                btnEdit.textContent = 'Edit';
                
        
                itemRow.appendChild(item1);
                itemRow.appendChild(item2);
                itemRow.appendChild(item3);
                itemRow.appendChild(item4);
                item6.appendChild(btnEdit);
                item5.appendChild(btnRemove);
                itemRow.appendChild(item6);
                itemRow.appendChild(item5);
                list.appendChild(itemRow);
 

Базовая таблица без каких-либо отступов должна по умолчанию выравнивать все по вертикали.

Похоже, вам, возможно, придется отменить / переопределить любой CSS, который применяется к вашей разметке, либо с помощью вашего собственного CSS, либо с помощью Bootstrap, поскольку @burham заметил, что вы его используете.

Это очень простой пример скрипки, каждый <td> из которых имеет высоту 80 пикселей, чтобы показать «естественное» вертикальное выравнивание таблицы. https://jsfiddle.net/pzm6ktv5 /