文件名称:
如何利用定位使元素居中(web端页面布局小技巧)
开发工具:
文件大小: 41kb
下载次数: 0
上传时间: 2021-01-19
详细说明:元素在浏览器窗口居中的方法
这里先给出代码块,如果有同学已经看出来点眉目可以先自己尝试一下。
position:fixed; /*给想要居中的元素设置*/
left:50%; /*或者right:50%*/
top:50%; /*或者bottom:50%*/
margin-left:-元素宽度的一半; /*或者margin-right*/
margin-top:-元素高度的额一半; /*或者margin-bottom*/
好,那接下来咱们就试一试吧!