web端页面布局小技巧–如何利用定位使元素居中

元素在浏览器窗口居中的方法 这里先给出代码块,如果有同学已经看出来点眉目可以先自己尝试一下。 position:fixed; /*给想要居中的元素设置*/ left:50%; /*或者right:50%*/ top:50%; /*或者bottom:50%*/ margin-left:-元素宽度的一半; /*或者margin-right*/ margin-top:-元素高度的额一半; /*或者margin-bottom*/ 好,那接下来咱们就试一试吧! /*box是在浏览器窗口居中,不是整个页面居中,这样你在上下滑动页面时, box元素是不动的,因此这里设置个b