博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
定位实现水平垂直居中的两种方法(无需计算)
阅读量:4837 次
发布时间:2019-06-11

本文共 234 字,大约阅读时间需要 1 分钟。

首先给想要居中的元素设置绝对定位,其父元素设置相对定位。

然后,方法一:top,left,right,bottom都设置为0,margin:auto,即可在父元素中水平垂直居中。

   方法二:top,left都设置为50%,然后transform:translate(-50%,-50%),如果其他地方也用到了transform并且设置transition容易误伤这里。

转载于:https://www.cnblogs.com/qdog/p/6883559.html

你可能感兴趣的文章
omnibus一键安装gitlab
查看>>
Java8新特性:Lambda——方法引用与构造器引用
查看>>
类的无参方法(2)
查看>>
canvas 绘制环形进度条
查看>>
HDU 1711 Number Sequence(KMP裸题,板子题,有坑点)
查看>>
COGS 862. 二进制数01串【dp+经典二分+字符串】
查看>>
HDU 1021 Fibonacci Again
查看>>
php 中两种获得数据库中 数据条数的方法
查看>>
如何方便的在windows测试python程序
查看>>
selinux
查看>>
linux 常用命令
查看>>
hadoop知识体系
查看>>
android 使用代码实现 RelativeLayout布局
查看>>
android-Ultra-Pull-To-Refresh的使用
查看>>
docker 基本操作
查看>>
无缝滚动的float属性
查看>>
价值观作业
查看>>
char , unsigned char 和 signed char 区别
查看>>
挂起布局逻辑与恢复布局逻辑
查看>>
back to back
查看>>