弹出框页面居中显示的两种方法
来源:互联网 发布:数据库系统的构成 编辑:程序博客网 时间:2024/04/30 13:42
第一种
position:fixed;top:0;right:0;left:0;bottom:0;margin:auto;
这种方法在元素的宽高不固定时会全屏拉伸元素,在高度不固定靠子元素撑开自适应的情况下不适用。但是在宽高固定的情况下可以用,没有兼容性问题。
position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);
用top:50% left:50%定位后元素的左上角会处于页面中间。
0 0
- 弹出框页面居中显示的两种方法
- 页面垂直居中的两种方法
- 页面垂直居中的两种方法
- JFrame居中显示的两种方法
- 【库房】easyui的messager.show弹出框页面居中显示
- PK几种弹出页面居中的方法
- 单击页面按钮,弹出浮动窗口的两种方法
- jquery 弹出框居中显示
- 不用table,两种div+css页面元素居中方法
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- 控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- 在网页上能在线编辑的html标签
- bzoj2434 [Noi2011]阿狸的打字机
- react-navigation之动态修改title的内容
- 基于DirectUI技术开发的发卡系统
- java的TreeMap在ip转区域的使用
- 弹出框页面居中显示的两种方法
- tensorflow center loss代码注释
- 史上最全的CSS hack方式一览
- 初识JHipster
- 接上--根据不同请求路径处理不同响应
- opencv图像阈值设置
- 马景涛手写长文宣布离婚 表示放飞妻女送上祝福十分咆哮
- Akka TypedActor
- Java学习之switch