分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

css 常用的绝对定位元素水平垂直居中的方法

发布时间:2023-09-06 01:13责任编辑:苏小强关键词:暂无标签

两种方法都能够实现:

1.

div { ???height:80%; /*一定要设置高度*/ 
 overflow:hidden;/*建议设置*/ ?margin: auto; ???position: absolute; ???top: 0; ?left: 0; ??bottom: 0; ?right: 0; ?}

2.

div{ ????position: absolute; ????width: 80%; ????height: 60%; ????padding: 2%; ?????top: 50%; ??left: 50%; ????margin-left: -41%; ?/* (width + padding)/2 */ ????margin-top: -31%; ?/* (height + padding)/2 */ ?} ????

  

css 常用的绝对定位元素水平垂直居中的方法

原文地址:http://www.cnblogs.com/lilelile/p/7591413.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved