-
加入我們
-
VIP定制
-
求關(guān)注
Thank you for visiting
029-81773686
全網(wǎng)開發(fā)&整合營銷服務(wù)商
CopyRight
?HOOBOO All rights reserved
2016.01.27
西安做網(wǎng)站:最近做了幾個(gè)站都給的效果圖都是居中顯示的,無論是左右還是上下都是居中的,用css百分比定義老是定義不好,不是左寬了就是上下不均勻,技術(shù)老大給我分享了一段代碼讓我永遠(yuǎn)不用怕左右不居中了,也可以實(shí)現(xiàn)永遠(yuǎn)這塊都是居中的。
最上端當(dāng)然少不了就是jquery調(diào)用,別管是min.js還是常用的js,總之要先有一個(gè)庫,然后你在寫上自己定義的
$(document).ready(function(){
var width1=$(window).width(); /*獲取當(dāng)前屏幕的寬度*/
var height1=$(window).height();/*獲取當(dāng)前屏幕的高度*/
$(".content").css("marginTop",(height1-510)/2); /*定義上邊距是整體屏幕高度-中間內(nèi)容的高度,然后除以2,仔細(xì)想想就是這個(gè)道理*/
});
如果這個(gè)區(qū)域的內(nèi)容永遠(yuǎn)是固定高度的,你可以把上面的高度去掉,換成屏幕的寬度,它們的寬度總是不定的,因?yàn)椴煌g覽器的獲取的屏幕寬度是不一樣的。不過大家不要忘記寫上面的分號及大括號等等,總之是要成對出現(xiàn)的。寫完這些大家就不用再考慮屏幕的問題了。
CopyRight ? 西安宏博網(wǎng)絡(luò)科技有限公司 備案號:陜ICP備10007014號-8 站點(diǎn)地圖 免責(zé)聲明:本網(wǎng)站部分資源來源于網(wǎng)絡(luò),如有侵權(quán),請聯(lián)系我們告知?jiǎng)h除,我們將會(huì)盡快處理,謝謝!本站不承擔(dān)任何法律責(zé)任。