让div垂直以及水平居中浏览器窗口

首们需要position:absolute;绝对定位，或者position:fixed。而层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。
　　如：一个层宽度是400，高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为－150。margin-left的值为－200。这样我们就实现了层垂直居中于浏览器的样式编写。

.site_nav{position:fixed; z-index: 2; padding:6px 10px; left:50%; top:50%; margin:-150px 0 0 -200px;}

转载于:https://www.cnblogs.com/hujunzheng/p/4135755.html

让div垂直以及水平居中浏览器窗口相关推荐

让img在div垂直及水平居中
将div设置以下属性即可 display: flex; justify-content: center; align-items: center;
div垂直，水平居中
position: relative;top:50%;left:50%;transform: translateY(-50%) translateX(-50%); 转载于:https://www.cn ...
使一个div垂直+水平居中的几种方法
前几天去一家互联网公司面试,面试官问到了这个应该算是比较简单的问题,在我自认为回答正确时,才知道这道题的答案有很多种,下面就让我们一起来探讨一下这个问题: 思路1:绝对定位居中(原始版) 这个是我回答 ...
如何使div的浏览器窗口高度为100％
我有两列的布局-左div和右div. 右边div有一个灰色background-color,我需要根据用户浏览器窗口的高度垂直扩展它.现在background-color结束于该内容的最后一部分div ...
H5+CSS3 实现div垂直水平居中的几种方式
实现div垂直水平居中的11种方法 <div class="father"><div class="son"></div> ...
html页面div高度相减,关于html：两个div底部div到高度调整与浏览器窗口
本问题已经有最佳答案,请猛点这里访问. 我在它下面有一个头分区和一个分区.我需要在头DIV下面的DIV根据浏览器窗口大小的高度进行调整. 在CSS中,当我添加height:100%时,它会在页面的侧面 ...
CSS实现DIV垂直水平居中
CSS实现DIV垂直水平居中在页面设计中,很多地方都需要div的垂直水平居中,在前端开篇的学习中,也是使用较多的地方,所以我整理了三种方法帮助大家去解决问题,代码可直接使用,仅供参考学习. 方法方 ...
html缩小页面div换行,当浏览器窗口缩小时，CSS水平菜单换行
当浏览器窗口最大化时,我有一个水平菜单,但当我收缩浏览器窗口或手机上的查看页面时,菜单项会换行.我尝试过所有例子,但都没有成功.当浏览器窗口缩小时,CSS水平菜单换行 HTML: Homepage F ...
水平居中和垂直居中css_如何使用CSS将图像垂直和水平居中
水平居中和垂直居中css There are many ways to align HTML elements with CSS. One of the most common things deve ...

让div垂直以及水平居中浏览器窗口

让div垂直以及水平居中浏览器窗口相关推荐

最新文章

热门文章