javascript實現在指定元素中垂直水平居中_javascript技巧
來源:懂視網
責編:小采
時間:2020-11-27 21:43:37
javascript實現在指定元素中垂直水平居中_javascript技巧
javascript實現在指定元素中垂直水平居中_javascript技巧:本章節介紹一下如何實現未知寬高的元素在指定元素下實現垂直水平居中效果,下面就以span元素為例子,介紹一下如何實現span元素在div中實現水平垂直居中效果,代碼如下: #box{ width:200px; height:150px; background:blue; po
導讀javascript實現在指定元素中垂直水平居中_javascript技巧:本章節介紹一下如何實現未知寬高的元素在指定元素下實現垂直水平居中效果,下面就以span元素為例子,介紹一下如何實現span元素在div中實現水平垂直居中效果,代碼如下: #box{ width:200px; height:150px; background:blue; po
本章節介紹一下如何實現未知寬高的元素在指定元素下實現垂直水平居中效果,下面就以span元素為例子,介紹一下如何實現span元素在div中實現水平垂直居中效果,代碼如下:
思路:實現起來最麻煩的其實是水平居中和垂直居中,其中垂直居中是最麻煩的。考慮到瀏覽器兼容性,網上看了一些資料,發現在頁面中垂直居中確實沒有什么太好的辦法。于是就采用了position:fixed屬性控制時鐘的絕對位置,通過clientWidth和clientHeight來獲取時鐘的寬和高,利用javascript控制marginLeft和marginTop來居中時鐘。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
javascript實現在指定元素中垂直水平居中_javascript技巧
javascript實現在指定元素中垂直水平居中_javascript技巧:本章節介紹一下如何實現未知寬高的元素在指定元素下實現垂直水平居中效果,下面就以span元素為例子,介紹一下如何實現span元素在div中實現水平垂直居中效果,代碼如下: #box{ width:200px; height:150px; background:blue; po