麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

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

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 国产 一区| 羞羞色在线观看 | 免费国产 | 万圣街在线观看免费完整版 | 中文字幕一区在线观看视频 | 久久超| 中文字幕在线播放视频 | 亚洲网站一区 | 久久国产精品久久久久久电车 | 精品国产乱码久久久久久丨区2区 | 另类亚洲孕妇分娩网址 | av影院在线播放 | 日韩激情 | 狠狠久久伊人中文字幕 | 久久久久久久久成人 | 亚洲码无人客一区二区三区 | 国产一区二区高清在线 | 色婷婷久久一区二区 | 欧美成人二区 | 毛片a片免费看 | 欧美一级免费在线观看 | 黄色av网站在线观看 | 欧美成a人片在线观看久 | 日韩色视频在线观看 | 日韩毛片在线看 | 精品在线免费播放 | av免播放 | 日韩色视频在线观看 | 黄色av免费网站 | 26uuu成人人网图片 | 精品国产视频一区二区三区 | 视频一区 中文字幕 | 国产精品99爱| 免费一级毛片观看 | 国产一区二区三区视频免费 | 中文字幕精品久久 | 黄色片视频免费观看 | 久久久久九九九女人毛片 | 成人性视频在线 | 视频一区国产 | 国产免费区 |