JavaScript和CSS通过表达式实现Table的居中显示

上个博客讲了设置div显示在中心。今天，我们来分享一下如何在中央显示表格。先不说定心原理。请看看我上一篇博客。这次，我们没有使用window的两个事件，而是使用了一个名为expression的函数。现在大多数浏览器都支持这个功能。写博客时，我想知道是否可以将计算出的值分配给css的左侧和顶部属性。后来查阅资料发现了这个功能。此函数用于将CSS属性与JavaScript表达式相关联，其中CSS属性可以是元素的固有属性或自定义属性。也就是说，CSS属性后面可以跟一个JavaScript表达式，CSS属性的值等于JavaScript的结果。您可以在表达式中直接引用元素本身的属性和方法，也可以使用其他浏览器对象。这个表达式就像是在这个元素的成员函数中。好了，我们来看看中间的源代码吧！

可以清楚地看到，表达式函数中写的值就是总结的公式。也就是说，文档的高度和宽度减去它自己的高度和宽度，然后除以2，就是top和left的值。将此代码放在style属性中，它将居中。如图：

所以可以显示在中央。你想把这段代码写成css吗？答案是肯定的，然后代码会是这样的：。

这样就可以通过CSS和JavaScript在中心显示表格，登录页面的时候会很好看。很简单，不是吗？