您现在的位置是：网站首页> 编程资料编程资料

设置一个DIV块固定在屏幕中央的两种方法(推荐)关于div中img,span垂直居中的问题解决img在div中居中的问题html5实现适用于手机端的div图片放大预览效果源码DIV+CSS实现带三角箭头的提示框 div被iframe遮住的几种情况及解决方法DIV点击折叠实例代码DIV始终浮动在页面底部CSS设置DIV垂直居中的N种方法 兼容IE浏览器 CSS文本和div垂直居中方法总结 CSS控制DIV层显示和隐藏的实现方法

2021-09-04 847人已围观

简介 下面小编就为大家带来一篇设置一个DIV块固定在屏幕中央的两种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

方法一：

对一个div进行以下设置即可实现居中。

CSS Code复制内容到剪贴板
  1.   
XML/HTML Code复制内容到剪贴板
  1. >  
  2. <html lang="zh-cn">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Documenttitle>  
  6.     <style>  
  7.         *{   
  8.             margin: 0px;   
  9.             padding: 0px;   
  10.         }   
  11.         #a{   
  12.             width: 200px;   
  13.             height: 200px;   
  14.             background-color: aquamarine;   
  15.             position: fixed;   
  16.             top: 0px;   
  17.             left: 0px;   
  18.             right: 0px;   
  19.             bottom: 0px;   
  20.             margin: auto;   
  21.         }   
  22.     style>  
  23. head>  
  24. <body>  
  25. <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>  
  26. <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>  
  27. <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>  
  28. <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>  
  29. <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>  
  30. <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>  
  31. <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>  
  32. <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>  
  33. <提示： 本文由神整理自网络，如有侵权请联系本站删除！
    本站声明：
    1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
    2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！

    上一篇：浅谈浏览器的兼容性(必看篇)针对IE浏览器的兼容问题小结避免不必要的浏览器兼容性问题的5个技巧兼容主流浏览器的CSS透明代码(必看篇)关于遇到的浏览器兼容问题及应对方法(推荐)浅谈遇到的几个浏览器兼容性问题

    下一篇：css3动画效果小结(推荐)纯CSS3 3D魔方翻转动画特效源码CSS3鼠标滑过图片标题和遮罩层动画特效源码纯CSS3绘制的哆啦A梦头像动画效果源码CSS3实现滚动条动画效果代码分享纯CSS3实现鼠标滑过圆形图片旋转翻盖动画特效源码CSS3实现的鼠标滑过边框线条动画特效源码CSS3中Transform动画属性用法详解 2016奥运会小人骑自行车CSS3动画特效源码

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网