網站制作層水平和垂直居中實現方法
2010/10/19 13:53:11
在網站制作布局的時候,想讓div實現水平和垂直居中,筆者教你三個方法:
1、通過jQuery實現水平居中和垂直居中前面已經提到過了,css的方法只適用于有固定尺寸的div,所以到jQuery發揮作用了:
$(window).resize(function(){
$('.className').css({
position:'absolute',
left: ($(window).width() - $('.className').outerWidth())/2,
top: ($(window).height() - $('.className').outerHeight())/2
});
});
//初始化函數
$(window).resize();
這種方法的好處是您無需知道div有多大,缺點是它只能通過JavaScript實現。
2、通過css實現水平居中:
.className{
margin:0 auto;
width:200px;
height:200px;
}
3、通過css實現水平居中和垂直居中
通過css創建一個水平居中和垂直居中的div是一件比較麻煩的事情,您必須事先知道另外一個div的尺寸:
.className{
width:300px;
height:200px;
position:absolute;
left:50%;
top:50%;
margin:-100px 0 0 -150px;
}
返回列表
返回首頁
主站蜘蛛池模板:
日本丰满www色|
中文字幕一二三区|
欧美激情视频一区二区|
办公室震动揉弄求求你|
韩国精品欧美一区二区三区|
国产精品视频全国免费观看|
一女多男在疯狂伦交在线观看|
日韩一卡2卡3卡4卡|
亚洲乱码卡三乱码新区|
特级毛片视频在线|
又大又黄又粗又爽的免费视频|
青青青国产精品一区二区|
国产精品va一级二级三级|
99aiav国产精品视频|
婷婷激情狠狠综合五月|
中文字幕第7页|
日韩人妻无码一区二区三区久久|
亚洲区小说区激情区图片区|
热带雨电影无删减在线播放|
午夜成年女人毛片免费观看|
蜜桃成熟时无删减手机在线观看|
国产无遮挡又黄又爽在线视频|
2021国产麻豆剧|
在线观看亚洲精品国产|
一个人看的www高清直播在线观看|
无码人妻aⅴ一区二区三区|
久久精品国产亚洲av日韩|
欧美一级在线观看视频|
亚洲欧美日韩久久精品第一区|
男女下面一进一出免费无遮挡|
啊!摁摁~啊!用力~快点视频免费|
视频一区二区三区蜜桃麻豆|
国产成人精品123区免费视频|
思思99re热|
国产香蕉精品视频|
99在线观看国产|
天天爽天天碰狠狠添|
а√天堂资源8在线官网在线|
性猛交xxxxx按摩欧美|
中文字幕在线视频一区|
日本丰满岳乱妇在线观看|