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

首頁 > 編程 > JavaScript > 正文

JavaScript和CSS通過expression實現(xiàn)Table居中顯示

2019-11-20 22:36:11
字體：大 中 小
供稿：網(wǎng)友
上篇博客說的是將div設(shè)置為居中顯示，今天來分享一下如何將表格居中的顯示。至于居中的原理就不說了，可以看一下我的上篇博客，這次沒有使用window的兩個事件，而是使用一個叫expression的函數(shù)。現(xiàn)在多數(shù)的瀏覽器都支持這個函數(shù)。在寫上一篇博客的時候，我腦里想能不能把計算后的值賦給css的left和top屬性呢？后來查閱資料找到了這個函數(shù)。這個函數(shù)用來把CSS屬性和JavaScript表達(dá)式關(guān)聯(lián)起來，這里的CSS屬性可以是元素固有的屬性，也可以是自定義的屬性。就是說CSS屬性后面可以是一段JavaScript表達(dá)式，CSS屬性的值等于JavaScript的結(jié)果。在表達(dá)式中可以直接引用元素自身的屬性和方法，也可以使用其他瀏覽器對象。這個表達(dá)式就好像是在這個元素的一個成員函數(shù)中一樣。

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

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 府谷县| 昌图县| 靖西县| 会同县| 花垣县| 南溪县| 兴化市| 广水市| 武威市| 沐川县| 临潭县| 永福县| 拜城县| 莲花县| 永胜县| 嵩明县| 普兰县| 治县。| 永年县| 安吉县| 乌拉特后旗| 北票市| 焉耆| 红安县| 泸州市| 灵丘县| 曲松县| 类乌齐县| 五莲县| 邵阳市| 称多县| 镇宁| 新绛县| 桐乡市| 凤城市| 乌审旗| 富宁县| 霍林郭勒市| 河源市| 三河市| 嘉祥县|