JavaScript和CSS通過expression實現Table置中顯示

上篇部落格說的是將div設定為置中顯示，今天來分享一下如何將表格置中的顯示。至於置中的原理就不說了，可以看一下我的上篇部落格，這次沒有使用window的兩個事件，而是使用一個叫expression的函數。現在多數的瀏覽器都支援這個函數。在寫上一篇部落格的時候，我腦裡想能不能把計算後的值賦給css的left和top屬性呢？後來查閱資料找到了這個函數。這個函數用來把CSS屬性和JavaScript運算式關聯起來，這裡的CSS屬性可以是元素固有的屬性，也可以是自訂的屬性。就是說CSS屬性後面可以是一段JavaScript運算式，CSS屬性的值等於JavaScript的結果。在運算式中可以直接引用元素自身的屬性和方法，也可以使用其他瀏覽器對象。這個運算式就好像是在這個元素的一個成員函數中一樣。

好了先看一下置中的源碼吧！
 
可以很清楚的看到expression函數內寫的值是那個總結的公式。即文檔的高寬減去自身的高寬，然後除以2就是top和left的值了。將這段代碼放到style屬性裡就置中了。：
 
這樣就可以置中顯示了。
會不會想把這段代碼寫到css裡去呢，答案是可以的，這樣之後代碼就變成了如下這個樣子：
 
這樣就可以通過CSS和JavaScript使table置中的顯示了，這樣做登入頁面的時候就好看了。很簡單吧！