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

设置一个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 845人已围观

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

方法一：

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

CSS Code复制内容到剪贴板

XML/HTML Code复制内容到剪贴板

>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Documenttitle>
<style>
*{
margin: 0px;
padding: 0px;
}
#a{
width: 200px;
height: 200px;
background-color: aquamarine;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
}
style>
head>
<body>
123p>123p>123p>123p>123p>123p>123p>
123p>123p>123p>123p>123p>123p>123p>
123p>123p>123p>123p>123p>123p>123p>
123p>123p>123p>123p>123p>123p>123p>
123p>123p>123p>123p>123p>123p>123p>
123p>123p>123p>123p>123p>123p>123p>
123p>123p>123p>123p>123p>123p>123p>
123p>123p>123p>123p>123p>123p>123p>
<提示： 本文由神整理自网络，如有侵权请联系本站删除！
本站声明：
1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！

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

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

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

相关内容

点击排行

本栏推荐

猜你喜欢