七种css方式让一个容器水平垂直居中

方法一:position加margin方法二:diaplay:table-cell方法三:position加transform方法四:flex;align-items:center;justify-content:center方法五:display:flex;margin:auto方法六:纯position方法七:兼容低版本浏览器,不固定宽高总结这种css布局平时用的比较多,也是面试题常出的一个题,网上一搜一大丢,不过还是想自己总结一下。这种方法比较多,本文只总结其中的几种,以便加深印象。效果图都为这个:方法一:position加marginht...

阅读全文

css和javascript让导航跟随窗口一起滚动

制作前端页面效果的时候我们经常需要导航一直紧贴浏览器上面窗口,这样可以让我们下拉到哪里都可以随时看到导航菜单并点击,今天这里给大家两种实现的方法1.css实现.nav{width:100%;height:36px;position: fixed;z-index:99999;}直接使用position属性,值设置为fixed,这样导航就能一直紧贴窗口上面,z-index是防止其他层遮挡而设置的非常大2.javasciprt实现<script>$(window).scroll(function(){var Ntop&...

阅读全文

如何让div+css兼容所有浏览器

1.DOCTYPE影响CSS处理2.FF:div设置margin-left,margin-right为auto时已经居中,IE不行3.FF:body设置text-align时,div需要设置margin:auto(主要是margin-left,margin-right)方可居中4.FF:设置padding后,div会增加height和width,但IE不会,故需要用!important多设一个height和width5.FF:支持!important,IE则忽略,可用...

阅读全文