亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
首頁
|
新聞
|
娛樂
|
游戲
|
科普
|
文學
|
編程
|
系統
|
數據庫
|
建站
|
學院
|
產品
|
網管
|
維修
|
辦公
|
熱點
首頁
>
編程
>
JavaScript
> 正文
通過JavaScript使Div居中并隨網頁大小改變而改變
2019-11-20 22:37:45
字體：
大
中
小
來源：
轉載
供稿：網友
在使用Java做后臺的時候，都會做到登錄的頁面，但是自己的頁面太難看了，要居中沒居中，要顏色沒顏色，但是無論是怎么樣都得使登錄的框居中吧！以前的想法是通過CSS+Div使div居中，但是現在的想法變了，通過JavaScript可以簡單的使Div在頁面上居中，隨著網頁大小的改變做出相應的改變。而且只要明白了居中的原理輕而易舉的就可以實現了。
先看一下居中的原理吧!
先看一張圖。
從圖中看到了什么？可以看到紅色的框居中了，為什么會居中呢？通過觀察可以發現紅框的上下的藍色的間距線是一樣長的，這樣可以確保了垂直居中，紅框的左右的綠色間距線也是一樣長的，這樣可以確保了水平居中。
但是怎么使上下的間距相等呢？左右的間距相等呢？
在看一張圖：
假設當前網頁的高為350px，寬為400px，而紅框的高為150px，寬為200px，我們可以發現網頁的高減去紅框元素的高得到200px像素，而這200px像素正是上下邊距的總和，上下邊距各得到了100px，同理，左右也是一樣的。
有沒有感覺到什么？
如果我們知道了網頁元素的高或寬，減去元素的高或寬，然后在除以2，就得到了上下左右邊距的距離。我們通常給元素的定位是怎么定的呢？不都是通過top和left的坐標定的嗎？那么現在紅框的坐標是什么呢？
再看一張圖：
紅色框的坐標是藍色的上線100px，和綠色的左線100px，即left和top的值，這兩個值不是算出來的嗎？
可以總結一個公式：
居中的元素的top =（網頁高
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩女优人人人人射在线视频
|
亚洲欧美三级在线
|
亚洲欧美一区二区三区四区
|
日韩精品免费在线观看
|
懂色aⅴ精品一区二区三区蜜月
|
国产中文字幕日韩
|
欧美老少做受xxxx高潮
|
亚洲精品中文字幕有码专区
|
午夜精品久久久久久久久久久久久
|
成人精品久久久
|
日韩精品免费看
|
久久久最新网址
|
日韩有码在线电影
|
自拍偷拍亚洲欧美
|
在线播放日韩精品
|
国产91在线播放精品91
|
国产欧美日韩综合精品
|
久久久电影免费观看完整版
|
国产欧美一区二区三区四区
|
欧美美女18p
|
日韩成人激情影院
|
91精品免费看
|
久久久97精品
|
中文字幕亚洲情99在线
|
欧美精品性视频
|
福利视频导航一区
|
久久国产加勒比精品无码
|
久久久久久中文字幕
|
亚洲第一福利网站
|
亚洲欧洲国产精品
|
久久综合免费视频
|
亚洲精品之草原avav久久
|
欧美在线激情网
|
欧美亚洲日本黄色
|
最好看的2019的中文字幕视频
|
中文字幕日韩欧美在线
|
91精品在线国产
|
欧美日韩爱爱视频
|
国产亚洲精品美女久久久
|
国产不卡av在线
|
日韩av影视综合网
|
久久婷婷国产麻豆91天堂
|
日本精品久久久久影院
|
久久深夜福利免费观看
|
久久影视免费观看
|
91久久久久久久久
|
欧美日韩人人澡狠狠躁视频
|
国产精品久久77777
|
xvideos亚洲
|
日日狠狠久久偷偷四色综合免费
|
欧美成人黄色小视频
|
在线视频国产日韩
|
欧美日本精品在线
|
久久综合伊人77777蜜臀
|
国产精品免费网站
|
97人洗澡人人免费公开视频碰碰碰
|
国产日韩欧美中文在线播放
|
国产色婷婷国产综合在线理论片a
|
亚洲国产精品va在线观看黑人
|
亚洲国产精品视频在线观看
|
日韩欧美亚洲成人
|
欧美成人精品h版在线观看
|
成人免费福利视频
|
性色av一区二区三区在线观看
|
亚洲欧美精品suv
|
国产国产精品人在线视
|
亚洲欧美国产制服动漫
|
国产亚洲成精品久久
|
日本精品视频在线
|
亚洲精品一区二区网址
|
日韩av中文字幕在线
|
中文字幕免费国产精品
|
亚洲a成v人在线观看
|
www.日韩视频
|
国产热re99久久6国产精品
|
亚洲久久久久久久久久久
|
成人免费观看49www在线观看
|
亚洲欧美日韩精品久久
|
国产精品久久久久久久av大片
|
国外色69视频在线观看
|
久久久久久高潮国产精品视
|
国产精品v片在线观看不卡
|
中文字幕久久亚洲
|
成人黄色av播放免费
|
久久人人爽国产
|
免费99精品国产自在在线
|
美日韩精品视频免费看
|
国产精品成人国产乱一区
|
91天堂在线观看
|
亚洲色图校园春色
|
91九色国产视频
|
久久99精品久久久久久青青91
|
国产精品三级久久久久久电影
|
最近中文字幕2019免费
|
久久久久久综合网天天
|
国产精品视频内
|
亚洲人成免费电影
|
亚洲欧美制服另类日韩
|
久久久久久亚洲精品不卡
|
亚洲精选一区二区
|
亚洲第一视频在线观看
|
法国裸体一区二区
|
欧美乱大交做爰xxxⅹ性3
|
影音先锋欧美在线资源
|
久99九色视频在线观看
|
欧美在线免费视频
|
国产日韩精品电影
|
精品久久久久久国产91
|
成人中文字幕+乱码+中文字幕
|
欧美精品videossex性护士
|
国产欧美在线看
|
国产精品久久久久久久美男
|
高跟丝袜一区二区三区
|
久久精品影视伊人网
|
日韩亚洲精品视频
|
欧美成年人视频
|
国产精品久久久久999
|
日本一本a高清免费不卡
|
www.亚洲男人天堂
|
日本亚洲欧美三级
|
久久久中精品2020中文
|
国产精品444
|
欧美理论电影在线播放
|
欧美国产第二页
|
岛国av在线不卡
|
欧美成人在线网站
|
国产一区二区视频在线观看
|
国产一区av在线
|
亚洲午夜国产成人av电影男同
|
欧美一级黄色网
|
亚洲美女精品成人在线视频
|
色阁综合伊人av
|
成人深夜直播免费观看
|
亚洲精品av在线播放
|
亚洲国产精品va在线观看黑人
|
色综合视频网站
|
亚洲激情免费观看
|
欧美最猛性xxxxx免费
|
黄色成人av在线
|
国产成人亚洲综合91
|
亚洲欧美另类中文字幕
|
日韩欧美中文字幕在线观看
|
欧美日韩国产在线播放
|
久久精品电影网
|
这里只有精品丝袜
|
亚洲欧洲在线播放
|
中文字幕精品视频
|
成人精品一区二区三区电影免费
|
亚洲天堂av综合网
|
精品亚洲aⅴ在线观看
|
欧美成人sm免费视频
|
欧美午夜www高清视频
|
欧美极品美女电影一区
|
国产成人一区二区在线
|
欧美日韩精品二区
|
亚洲国产又黄又爽女人高潮的
|
日韩欧美在线网址
|
久久亚洲国产精品成人av秋霞
|
国产精品成av人在线视午夜片
|
亚洲欧美三级伦理
|
欧美性猛交xxxx偷拍洗澡
|
91亚洲人电影
|
日本精品久久久
|
美日韩在线视频
|
