国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 樟树市| 兴隆县| 平乡县| 石楼县| 壶关县| 兴安盟| 凭祥市| 外汇| 星子县| 遵化市| 泸州市| 安西县| 广灵县| 确山县| 雷州市| 商河县| 平远县| 调兵山市| 中方县| 遂平县| 张家界市| 滁州市| 思南县| 综艺| 定远县| 红安县| 威远县| 湘潭市| 金坛市| 广昌县| 毕节市| 德阳市| 克山县| 涡阳县| 稷山县| 乌审旗| 沙河市| 宁都县| 江阴市| 云霄县| 通化县|