亚洲日韩av在线观看_日韩一级欧美一级_亚洲自偷自拍另类11p_久久午夜色播影院_中国黄色三级毛片_伊人久久一区二区三区小说_国产精品va无码二区_国产三区在线视频_69热视频_日本亚洲天堂_99精品少妇_国产区 在线观看_天堂一区二区三区_大片免费在线观看视频_免费看黄色一级片_黄色毛片特级_国产 麻豆 日韩 欧美 久久_国产一级淫片s片sss毛片s级_欧美爱爱视频_精品无码一区二区三区水蜜桃

當前位置: 首頁IT技術 → css+div上下居中原理及代碼

css+div上下居中原理及代碼

更多

  通常我們用到的css布局都是左右居中,經典css寫法如下:

  view plaincopy to clipboardprint?

  body{

   margin:0;

   padding:0;

   width:100%;

   height:100%;

  }

  div{

   margin:0 auto;

   width:500px;

   heigth:auto;

  }

  上面是經典的左右居中的css寫法,那么像登錄框那些比較小得div塊只是左右居中是否不是太美觀,如果上下左右都居中這是

  大多數網站的做法,下面是一個比較經典的div上下左右居中的css寫法:

  body{

   margin:0;

   padding:0;

   width:100%;

   height:100%;

  }

  div{

   position:absolute;

   top:50%;

   left:50%;

   margin-top:-250px;

   margin-left:-250px;

   /*此時寬和高都要固定*/

   width:500px;

   heigth:500px;

  }

  

  上面的margin可以合并:margin:-250px 0 0 -250px;

  大概原理就是:布局需用position,絕對布局absolute還是相對布局relative得看父容器,top,left相對于頂部和左部都相距整個容器的50%,然后在利用margin,向上回退div高的50%即:margin-top:-250px

  向左回退div寬的50%即:margin-left:-250px

  好了大功告成。

熱門評論
最新評論
昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
字數: 0/500 (您的評論需要經過審核才能顯示)
主站蜘蛛池模板: 滨海新能源有限公司| 逾越医疗器械有限公司| 金杯汽车制造有限公司| 一电电池技术有限公司| 酒总酒店设备有限公司| 凯智通微电子技术有限公司| 森叶清新纸业有限公司| 捷家宝电器 深圳 有限公司| 景涛景观设计有限公司| 云南大益茶业有限公司| 大豪信息技术有限公司| 上海置信变压器有限公司| 萨维奥纺织机械有限公司| 圣戈班南京玻璃有限公司| 北斗星机械有限公司| 张家港白熊机械有限公司| 德国大众汽车租赁有限公司| 广州东曹化工有限公司| 河南上上置业有限公司| 鼎筑装饰工程有限公司| 展鸿信息技术有限公司| 兴鑫金属材料有限公司| 费加罗电子有限公司| 宁波 棠 有限公司| 重庆潍柴汽车有限公司| 齐耀新能源有限公司| 吴江敏华实业有限公司| 烟台船舶设备有限公司| 亿安交通设施有限公司| 上海微电子设备有限公司| 浩洋机械设备有限公司| 上海 嘉定 电子有限公司| stx(大连)造船有限公司| 东丽塑料深圳有限公司| 佛山顺成陶瓷有限公司| 山东鲁饲料有限公司| 江苏舜天船舶有限公司| 固纬电子苏州有限公司| 成都博奥生物有限公司| 中建通信工程有限公司| 吉安市建筑工程有限公司| 徐州水利工程建设有限公司| 浦项奥斯特姆汽车配件有限公司| 深圳市华拓电子有限公司| 北京悠然天地有限公司| 深圳市汉科电子有限公司| 西塞山发电有限公司| 滕州新源热电有限公司| 云视信息技术有限公司| 劲浪体育用品有限公司| 运动用品制造有限公司| 厦门 玻璃钢有限公司| 泉州和泉贸易有限公司| 迁西县食品有限公司| 东港紧固件有限公司| 上海阿美科工程有限公司| 河南 肉食品有限公司| 云南 交通设施有限公司| 鼎元建设工程有限公司| 上海凯迪实业有限公司| 奔泰电子机电设备青岛有限公司 | 红珊瑚珠宝有限公司| 中山市四海有限公司| 上海智城分析仪器有限公司 | 华润置地(南宁)有限公司| 大连特殊制品有限公司| 珠海红塔纸业有限公司| 诺丹舜蒲胶辊有限公司| 上海市自来水市南有限公司 | 振威电器设备有限公司| 一缆电线电缆有限公司| 天一阁医药有限公司| 齐耀柴油机有限公司| 鑫汇科电子有限公司| 东莞永晟电线有限公司| 泰辉电子 深圳 有限公司| 凯尔达电焊机有限公司| 景渤石油机械有限公司| 广州锦龙发展有限公司| 晨达电子(深圳)有限公司| 春金(天津)油脂有限公司| 浙江光大国际旅游有限公司 | 洋河名酒酒业有限公司| 乐山无线电有限公司| 新华海天国际货运有限公司| 宝迪肉类食品有限公司| 启东胜狮能源有限公司| 欧波同纳米技术有限公司| 中信隆进出口有限公司| 南昌莱蒙置业有限公司| 浙江投融界有限公司怎么样| 四川达新能源有限公司 | 浙江环保设备工程有限公司| 淮安纤维 有限公司| 迪皮埃复材构件有限公司| 北京市电信有限公司| 广东惠州发电有限公司| 日照 活塞有限公司| 华洋船务(天津)有限公司| 扬州食品贸易有限公司| 埃夫特智能装备有限公司| 河南淇淇食品有限公司| 中源汽车零部件有限公司| 郑州可口可乐饮料有限公司| 天津金红叶纸业有限公司| 能瑞设备自动化有限公司 | 镇江塑料制品有限公司| 宁波旅游汽车有限公司| 杭州华电半山发电有限公司| 日立永济电气有限公司| 日铁金属制品有限公司| 瓯堡纺织染整有限公司| 中交南方发展有限公司| 摩托罗拉系统有限公司| 成都千里电子设备有限公司| 至尚装饰工程有限公司| 无锡劳保用品有限公司| 千叶世纪珠宝有限公司| 浙江加多宝有限公司| 徐州龙 泵业有限公司| 鄂州富晶电子技术有限公司| 福群电子(无锡)有限公司| 主力实业深圳有限公司| 南宁市测绘有限公司| 北京峰艺装饰有限公司| 北京京丰置业有限公司| 利丰达化工有限公司| 欧姿蔓化妆品有限公司| 冰熊专用汽车有限公司| 中汇会计事务所有限公司| 四川康贝大药房连锁有限公司 | 无锡伊格尔有限公司| 昆山电器配件有限公司| 广东祥陶瓷有限公司| 苏州吸尘器有限公司| 银融国际融资租赁有限公司| 天津滨海 酒店有限公司| 广州富垠黄金有限公司| 中科机器人有限公司怎么样| 宁波梦莹家居有限公司| 广州优品贸易有限公司| 四川电动汽车有限公司| 上海华谊小额贷款有限公司| 烟台卓能电池材料有限公司| 北京添瑞祥有限公司| 郑东新区热电有限公司| 业盛不锈钢有限公司| 强的无纺布有限公司| 深圳鹏基光电有限公司| 苏州体育发展有限公司| 湖南三元材料有限公司| 思比科微电子技术有限公司| 祥隆建设工程有限公司| 深圳市丹雅有限公司| 艾普尔换热器有限公司| 上海百脑经贸有限公司| 德凯祥贸易有限公司| 宁波贝佳家具有限公司| 开封压力容器有限公司| 华辉数控机床有限公司| 哈尔滨龙江龙有限公司| 泰通(泰州)工业有限公司| 昆山佳源机电有限公司| 广州德厨厨具有限公司| 淄博办公设备有限公司| 宁波杰克阀门有限公司| 汇亿丰印刷有限公司| 泉州 玻璃钢 有限公司| 佛山市 恒 有限公司招聘| 深圳市拓瑞电子有限公司| 索尼数字无锡有限公司| 川源机械有限公司苏州| 成都慧融金融有限公司| 天宇包装材料有限公司| 乐高玩具(嘉兴)有限公司| ur 快尚时装有限公司| 乖乖虎服饰有限公司| 梅州市客品食品有限公司| 亨 包装 机械 有限公司| 苏州中新金属有限公司| 品辰装饰工程有限公司| 山东光明机器有限公司| 惠州高盛达有限公司| 世纪爱晚置业有限公司| 张万福珠宝有限公司| 九方信息技术有限公司| 北京明航发展有限公司| 宁波给力汽车部件有限公司| 赛菲尔珠宝首饰有限公司 | 福建体育设施有限公司| 佛山华全照明有限公司| 长春万科地产有限公司| 金山生物工程有限公司| 书生电子技术有限公司| 维克斯滤清器有限公司| 华为技术有限公司 长沙| 天津制药设备有限公司| 简柏特 大连 有限公司| 博罗县贸易有限公司| 业成光电(深圳)有限公司| 北京勘察技术有限公司| 北京光华机电有限公司| 山阳(天津)机械有限公司| 淮南万泰电子有限公司| 广东 劳务派遣有限公司| 无锡长江电器有限公司| 宁波金光食品有限公司| 有限公司 英语缩写| 四川华气工程有限公司| 宝艺国际香港拍卖有限公司| 沧州四星玻璃有限公司| 贺氏苏州特殊材料有限公司| 润丰环保设备有限公司| 联想信息技术有限公司| 达生市场推广有限公司| 亳州市 贸易 有限公司| 重庆动力有限公司招聘| 中银贵金属有限公司| 上海资产经营有限公司怎么样| 百事饮料有限公司待遇| 达柯思贸易有限公司| 天津中汽工程有限公司| ykk深圳有限公司| 昆山山鑫铝业有限公司| 安莱信息通信技术有限公司| 宁波机械密封件有限公司| 东莞酷柏设备有限公司| 顺德骏业电子有限公司| 成都西联钢铁有限公司| 山东绿爱食品有限公司| 云南恒安电力有限公司| 焊接机器人有限公司| 成都家具设计有限公司| 河南商都建设有限公司| 安阳汽车零部件有限公司| 山东锁业有限公司官网| 泰州联成化学有限公司| 康宏装饰材料有限公司| 美拉德食品有限公司| 青海可可西里食品有限公司| 永嘉县球阀有限公司| 特力惠电子有限公司| 滨州 印刷有限公司| 深圳蓝海华腾技术有限公司| 华星机械制造有限公司| 深圳华凌电子有限公司| 银达融资担保有限公司| 天成农业发展有限公司| 苏州中建材有限公司| 理文造纸有限公司怎么样| 东莞金豪机械有限公司| 上海金属品制造有限公司| 融信租赁有限公司怎么样 | 江苏密封件有限公司| 武汉昆仑燃气有限公司| 轩盛国际贸易有限公司| 美力高电子有限公司| 福建鸿达电子有限公司| 深圳市问鼎资讯有限公司| 辽宁堂医药有限公司| 深圳天视达有限公司| 威尔宝酒店设备有限公司| 有限公司增资股东会决议| 湖南江麓机械有限公司| 焊接机器人有限公司| 浙江南都物业有限公司| 五洲无线技术有限公司| 重庆融创物业有限公司| 乌鲁木齐纸业有限公司| 史丹利五金有限公司| 爱发科真空技术有限公司| 鞍山橡胶制品有限公司| 贵港市食品有限公司| 惠州tcl 移动通信有限公司| 四川亚宝药业有限公司| 广州品信食品有限公司| 通用电气水处理无锡有限公司| 上海榕榕木业有限公司| 博佳冷源设备有限公司| 深圳聚龙有限公司招聘| 广东省广业资产有限公司| 中行建设监理有限公司| 中冶安装工程有限公司| 华润纺织(合肥)有限公司| 广州白云泵业有限公司| 兄弟运动用品有限公司| 兰州仪器仪表有限公司| 成都乐动信息有限公司| 北京悦康凯悦制药有限公司| 新宇建设机械有限公司| 洲信信息技术有限公司| 致诚建筑设计有限公司| 福州百洋食品有限公司| 惠州天然气发电有限公司| 岳阳长炼机电工程有限公司| 恒大地产重庆有限公司| 成都高原汽车工业有限公司| 厦门勤奋监理有限公司| 北京刹车片有限公司| 拓百信息技术有限公司| 明珠园林绿化工程有限公司| 农牧有限公司经营范围| 东美装饰工程有限公司| 昆山爱维门业有限公司| 南通精密铸造有限公司| 先创数字技术有限公司| 惠森生物技术有限公司| 乐清微电机有限公司| 湖北枝江酒业有限公司| 重庆正里元有限公司| 汇美国际有限公司怎么样| 东营 仪器有限公司| 新宇建设机械有限公司| 厦门厦宇电气有限公司| 北京 汇博隆仪器有限公司| 福建鸿达电子有限公司| 重庆智翔铺道技术工程有限公司 | 华普信息技术有限公司上海| 深圳杰纳瑞医疗仪器有限公司| 家发装饰工程有限公司| 青岛凯德机械有限公司| 宏大机械制造有限公司| 广州润金属制品有限公司| 方正高密电子有限公司| 日立金属 上海 有限公司| 北京量子伟业有限公司| 南京德纳化工有限公司| 武进医疗器械有限公司| 杭州宝德汽车有限公司| 捷力捷电池有限公司| 肇庆市建设工程有限公司| 山西煤机装备有限公司| 惠州市金丰有限公司| 信诚劳务派遣有限公司| 施耐德变频器苏州有限公司| 上海保得国际贸易有限公司| 广西环保材料有限公司| 上航国际旅行社有限公司| 恒盛混凝土有限公司| 广州市二建筑工程有限公司 | 华鲁电热仪器有限公司| 深圳恒智电子有限公司| 体育设施有限公司福建| 食品有限公司经销商| 苏州施莱医疗有限公司| 河南瑞创机械有限公司| 长春电力工程有限公司| 应达工业(上海)有限公司| 聚美装饰工程有限公司| 广东大自然有限公司| 李群自动化有限公司| 耐斯特炭黑有限公司| 硕士儿童用品有限公司| 德生堂医药有限公司| 河北晨阳工贸有限公司| 云南营养品有限公司| 福星生物药业有限公司| 江西 厨业有限公司| 广州市轩服装有限公司| 康嘉信息技术有限公司| 凯莱建筑材料有限公司| 重庆创融物业有限公司| 佛山盈科工程有限公司| 苏州佳彩精密有限公司| 青岛亚华机械有限公司| 派派食品有限公司怎么样| tom在线有限公司| 深圳中基恒润有限公司| 华正医疗器械有限公司| 杭州威格电子有限公司| 重庆金华机械有限公司| 金龙新材料有限公司| 华强三洋马达有限公司| 怡生医疗设备有限公司| 上海众康医疗有限公司| 北京量子伟业有限公司| 金保罗食品有限公司| 山东鲁能菏泽煤电有限公司| 无锡及恩电气有限公司| 深圳国星光电有限公司| 上海艾仕贸易上海有限公司| 深圳市兴凯电子有限公司| 常熟石油机械有限公司| 东莞德龙电器有限公司| 电站辅机总厂有限公司| 广州雅妮化妆品有限公司| 深圳远通电子有限公司| 优景观复光电有限公司| 上海胜发实业有限公司| 上海亚联财贷款有限公司| 安徽精方药业有限公司| 泰鸿机械设备有限公司| 中奥信息技术有限公司| 爱瑞特能源有限公司| 京鑫源工贸有限公司| 金鼎智能系统工程有限公司| 合肥工业设计有限公司| 东莞东正机械有限公司| 婴贝乐婴儿用品有限公司| 逸景园林景观有限公司| 德津实业(深圳)有限公司| 日特固防音配件有限公司| 宏星紧固件有限公司| 沈阳地暖工程有限公司| 恒邦机械制造有限公司| 北京英纳超导有限公司| 合肥旭易贸易有限公司| 普罗旺斯制品有限公司| 三顺中科材料有限公司| 德力西仪表有限公司| 诺比克电梯有限公司| 东软睿道教育信息技术有限公司 | 上海大众有限公司招聘信息| 克亚贸易(上海)有限公司| 华亿妇幼用品有限公司| 诺光照明(苏州)有限公司| 万通定量阀系统有限公司| 骏洋旅游用品有限公司| 天浩汽车部件有限公司| 潍柴动力有限公司招聘| 大陆轮胎合肥有限公司| 黑豹防水材料有限公司| 佛山市华特气体有限公司| 世纪名典装饰工程有限公司| 扬州农药化工有限公司| 苏州明基有限公司怎么样| 中博汽车零部件有限公司| 恒企教育上海有限公司| 泸州市窖酒有限公司| 全艺电子 昆山 有限公司| 四川压缩机制造有限公司| 山一电子(深圳)有限公司| 云南饮料食品有限公司| 泰宇电子上海有限公司| 深圳市汇芯电子有限公司| 威海威高电子有限公司| 广西天贸易有限公司| 联发科电子有限公司| 石家庄通合电子有限公司| 广东雅达电子有限公司| 深圳赛美科电子有限公司| 上海大宛食品有限公司| 广东亿龙电器有限公司| 绍兴县绍康纺织有限公司| 创居装饰工程有限公司| 景远橡塑制品有限公司| 海信科龙广东空调有限公司| 潍坊 工贸有限公司地址| 日照华贸国际贸易有限公司 | 东汇汽车贸易有限公司| 陕西烽火有限公司招聘| 源农食品有限公司招聘| 北京华泰建筑工程有限公司| 南海平洲电子有限公司| 美太保健制品有限公司| 无锡宇盛厨卫有限公司| 思科锐电子有限公司| 欧姆龙(北京)有限公司| 德图仪器国际贸易有限公司| 山东净水材料有限公司| 深圳聚龙有限公司招聘| 兴龙戴卡轮毂有限公司| 深圳市金洋电子有限公司| 广州珠江食品有限公司| 介休义棠煤业有限公司| 网展上海有限公司怎么样| 有限公司公司性质是什么| 雪佛龙润滑油有限公司| 华盛电路板有限公司| 苏州对松堂电子有限公司| 三门县服饰有限公司| 北京瑞丰生物有限公司| 泰豪电力技术有限公司| 盛康机械设备有限公司| 长春通信技术有限公司| 东莞昆盈电脑有限公司| 江西电动汽车有限公司| 南通市石油有限公司| 五丰上食食品有限公司| 新中环建筑设计有限公司| 桑尼尼汽车零部件有限公司| 黄河嘉酿啤酒有限公司| 利纳马 天津 有限公司| 深圳青岛啤酒朝日有限公司| 天涯国际旅行社有限公司| 盐城市盐海机械有限公司| 江苏建设技术有限公司| 北京包装制作有限公司| 西安整流器有限公司| 中金融资租赁有限公司| 世达密封实业有限公司| 中材进出口有限公司| 昆明生物制品有限公司| 上海祥祥工贸有限公司招聘| 伟通电子(上海)有限公司| 山东远邦有限公司怎么样| 苏州禾盛新型材料有限公司| 惠州精密铸造有限公司| 南京长丰消防有限公司| 大连药业有限公司电话| 石家庄大唐 有限公司| 漳州鲜品食品有限公司| 北京亚星经贸有限公司| 博纳演艺经纪有限公司| 苏州舒尔电子有限公司| 浙江润华机电有限公司| 九华新材料有限公司| 临沂制冷设备有限公司| 银河消防工程有限公司| 云南天叶茶叶有限公司| 九华新材料有限公司| 深圳迈康电子有限公司| 上海古猿人有限公司| 九洲装饰工程有限公司| 全品装饰工程有限公司| 海正药业(杭州)有限公司| 江苏苏宁电器有限公司| 上虞华盛电机有限公司| 三珍斋食品有限公司| 铁路电务器材有限公司| 无锡医疗用品有限公司| 南京苏夏工程设计有限公司| 泉州百来太阳能有限公司| 福建佳福建设工程有限公司| 合飞亚装饰工程有限公司| 安平德隆网业有限公司| 三鼎机械制造有限公司| 阿斯丽电器有限公司| 成都市燃气有限公司| 环球香港有限公司官网| 鹤壁天海电器有限公司| 同欣康体设备有限公司| 义乌易博贸易有限公司| 广州发电厂有限公司| 四季青园林花卉有限公司| 黄山市包装有限公司| 江苏汽车附件有限公司| 贵州佰仕佳有限公司| 上海电力工程设计有限公司| 上海以弈信息技术有限公司| 温州富进出口有限公司| 山东沂蒙酒业有限公司| 宁波梦莹家居有限公司| 广州飞达器材有限公司| 珠海市 饲料有限公司| 琉璃河水泥有限公司| 瑞虎精细化工有限公司| 博耳无锡电力成套有限公司| 得力电子有限公司官网| 广州番彩印刷有限公司| 莱尼电气系统 济宁 有限公司 | 城市地理信息有限公司| 龙达差别 有限公司| 深圳力劲机械有限公司| 深圳市科瑞自动化有限公司| 广东众富灯饰有限公司| 爱思杰电器有限公司| 四川 楼 有限公司| 汇明新能源有限公司| 翔鸿建筑工程有限公司| 深圳市佳丽有限公司| 萍乡市建筑工程有限公司| 维德木业(苏州)有限公司| 深圳市有限公司招标| 西玛克菲达阀门有限公司| 中益油墨涂料有限公司| 深圳市科迈技术有限公司| 家利家具有限公司电话| 东莞 科进实业有限公司| 深圳市裕恒电子有限公司| 博达工艺品有限公司| 天河城百货有限公司| 乐高玩具(嘉兴)有限公司| 广东新创意有限公司| 华南船舶机械有限公司| 北京鲁能置业有限公司| 江苏丹顶鹤建设有限公司| 江苏环保产业有限公司| 深圳市新典有限公司| 天津中储粮有限公司| 凯杰生物工程有限公司| 许昌继电器有限公司| 民生健康药业有限公司| 北海保通食品有限公司| 蚌埠华益导电膜玻璃有限公司 | 突破机械制造有限公司| 宝冶工程技术有限公司| 苏州轨道有限公司招聘| 河北乙连生物有限公司| 湖州膜技术有限公司| 博立尔化工有限公司| 上菱空调机电有限公司| 绍兴汽车运输有限公司| 广东精密机械有限公司招聘| 深圳市起重机械有限公司| 海外建筑工程有限公司| 北京通力电梯有限公司| 深圳富创光电有限公司| 聚升有限公司怎么样| 港磁性元件有限公司| 盛同贸易上海有限公司| 双诚至力家具有限公司| 亚洲酿酒(厦门)有限公司| 深圳奥力奇有限公司| 复地置业发展有限公司| 哈尔滨食品经销有限公司| 昆山舒美仪器有限公司| 大基医疗设备有限公司| 漳州麒麟电子有限公司| 现代重工电气有限公司| 东韩化妆品有限公司| 中银贵金属有限公司| 中远(香港)航运有限公司| 贝利龙发展有限公司| 云锡信息技术有限公司| 科迈机械设备有限公司| 深圳亚欣电子有限公司| 广建装饰工程有限公司| 云南龙源风力发电有限公司| 伟金五金制品有限公司招聘 | 惠州市建设工程监理有限公司 | 惠万家食品有限公司| 四川康贝药房连锁有限公司| 宁夏捷丰化工有限公司| 青岛海大生物有限公司| 瑞辉机械制造有限公司| 通用电气水处理无锡有限公司| 华泰混凝土有限公司| 舟山舟富食品有限公司| 盛华亚贸易有限公司| 新疆凯源工程有限公司| 苏州日立汽车部件有限公司| 上海 满 有限公司怎么样| 奥迪玩具实业有限公司| 万隆会计师事务所有限公司| 中交西安筑路有限公司| 西安重型机械有限公司| 国宏润滑油有限公司| 恒浩建筑工程有限公司| 捷众冲压件有限公司| 百德机械设备有限公司| 北京五环工程有限公司| 上海 布 有限公司 地址| 能佳自动化设备有限公司| 深圳麦轩食品有限公司| 现代牙科器材有限公司| 朴优装饰工程有限公司| 梦田服装(上海)有限公司| 名鸿车顶系统有限公司| 湖州过滤机械有限公司| 云南万绿生物有限公司| 常州中安机械有限公司| 依工净化吴江有限公司| 宁波蓄电池有限公司| 深圳鑫亿贸易有限公司| 外电国际贸易有限公司| 蓝门数字营销有限公司| 河北添加剂有限公司| 美的洗涤电器制造有限公司| 雄邦压铸 南通 有限公司| 海豹信息技术有限公司| 金牌厨柜厦门有限公司| 中山仓储设备有限公司| 东芝泰格信息系统深圳有限公司| 山东金融租赁有限公司|