JavaScript和CSS通过expression实现Table居中显示

首先，我想强调的是，expression是一种非常不建议使用的技术，因为它会在页面加载的时候阻塞渲染，并且会在一些浏览器版本中被禁用。但是，为了回答你的问题，我会提供关于如何使用expression在JavaScript和CSS中实现Table居中显示的方法。

使用JavaScript实现Table居中

首先，我们需要在HTML中定义一个Table，并且添加一个id属性，以便在JavaScript中调用它：

<table id="myTable">
  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
      <th>Header 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Data 1</td>
      <td>Data 2</td>
      <td>Data 3</td>
    </tr>
  </tbody>
</table>

接下来，在JavaScript中找到Table的DOM元素，并且设置其样式：

var table = document.getElementById('myTable');
table.style.margin = '0 auto';

这个代码将Table元素的左右margin设置为auto，这样就可以实现水平居中了。

使用CSS expression实现Table居中

我们也可以使用一条CSS expression来实现相同的效果，只需要将样式直接添加到Table的样式声明中即可：

table {
  margin: 0 auto !important;
  margin: expression(this.parentNode.style.textAlign = 'center');
}

这个代码使用了一个expression，它会在渲染时执行，并且将Table元素的父元素的文本对齐方式设置为居中，最终实现了水平居中的效果。同时，我们也需要注意，这个代码使用了!important关键词，这是为了确保expression能够被应用，因为IE8及以下的浏览器中不支持!important之前的样式声明。

总结一下，以上两种方法都可以实现Table的水平居中显示。但是我们强烈建议不要使用expression，因为它对页面性能和可维护性都有很大的影响。如果你想实现水平居中，最好使用CSS Flexbox布局或者Grid布局，它们是更加现代和稳定的方法。