Question

可能重复：
valign not working on a td?

我正在使用javascript动态地向表添加行，如下所示：

var lastRow = tbl.rows.length;
var iteration = lastRow;
var row = tbl.insertRow(lastRow);

var cellLeft = row.insertCell(0);
var inc = parseInt(iteration)+1;
var textNode = document.createTextNode(inc);
cellLeft.appendChild(textNode);

var cellMiddle = row.insertCell(1);
var el = document.createElement('input');
el.type = "checkbox";
cellMiddle.appendChild(el);

var cellRight = row.insertCell(2);
var el1 = document.createElement('span');
el1.innerHTML = "asdasd adad a aa a a s a a a  a as "+
           " a a as a a a  adasdadsadad ad ada aasdasd as aas  ";

这里我创建一个包含3列的行，一列显示数字，第二列包含复选框，第三列包含数据。这里第3列中的数据非常长，这就是为什么它的高度增加，其他单元格中的复选框和数字显示在中间。我想在那里设立valign proprty。我怎么能这样做？

我尝试过以下行，但没有奏效：

cellLeft.valign="top";

Answer 1

您可以使用以下javascript代码执行此操作：

cellLeft.style.verticalAlign = "top";

在javascript中设置valign属性

1 个答案: