小编kan*_*oko的帖子

我有一个多行多列的表格，每个单元格都包含一个链接和一些小图像。链接需要与单元格顶部对齐，图像需要与底部对齐。不幸的是，使用 vertical-align 属性不起作用，两个元素都被放置在单元格的中间。这是我到目前为止的 HTML：

<table>
  <tr>
    <td style='width:120px; height:90px;'>
      <a href='1.html' style='vertical-align:top'>Link 1</a>
      <div style='vertical-align:bottom'><img src='1-1.jpg' /><img src='1-2.jpg' /></div>
    </td>
    <td style='width:120px; height:90px;'>
      <a href='2.html' style='vertical-align:top'>Link 2</a>
      <div style='vertical-align:bottom'><img src='2-1.jpg' /><img src='2-2.jpg' /></div>
    </td>
  </tr>
  <tr> ... </tr>
</table>

编辑：td 高度和宽度也定义为 120 x 90 像素

我正在使用具有以下参数化的函数(无法更改):

my_function(data, callback_function(results, status) {});

我需要将其他信息传递给callback_function,这些信息无法添加到'data'(callback_function使用)或'results'或'status'.具体来说,此信息是my_function调用所在的for循环的计数器.

为此,我在callback_function体内包含对计数器的引用:

for(var i = 0; i < 10; i++) {

  var data = 'cannot modify this data';

  my_function(data, function (results, status) { alert(i); });

}

不幸的是,i的最终值(在这种情况下为9)被打印10次.预期的行为是针对要打印的循环(0到9)中的每个i值.

动态函数是否有可能访问其范围之外的变量,但是在它们被定义的范围内？