国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 15:47:48
字體:
來源:轉載
供稿:網友
如何將表格居中的顯示使用一個叫expression的函數,多數的瀏覽器都支持這個函數,感興趣的朋友可以看一下具體的實現哈

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

好了先看一下居中的源碼吧!

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


可以很清楚的看到expression函數內寫的值是那個總結的公式。即文檔的高寬減去自身的高寬,然后除以2就是top和left的值了。將這段代碼放到style屬性里就居中了。如圖所示:

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


這樣就可以居中顯示了。
會不會想把這段代碼寫到css里去呢,答案是可以的,這樣之后代碼就變成了如下這個樣子:

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


這樣就可以通過CSS和JavaScript使table居中的顯示了,這樣做登錄頁面的時候就好看了。很簡單吧!
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 聂拉木县| 分宜县| 平陆县| 新河县| 宜阳县| 甘孜县| 庆城县| 兖州市| 沂源县| 灌南县| 奉新县| 拉孜县| 香河县| 桐城市| 内乡县| 九台市| 泗阳县| 永胜县| 屯昌县| 曲松县| 迁西县| 汽车| 泊头市| 江城| 五指山市| 鄱阳县| 徐汇区| 盐津县| 陵川县| 丰顺县| 亚东县| 宾阳县| SHOW| 北宁市| 珲春市| 河西区| 徐闻县| 明溪县| 通江县| 镇坪县| 古交市|