博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在Position:absolute下居中设置
阅读量:4957 次
发布时间:2019-06-12

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

 

在DIV定位中有时候使用的是相对定位,而DIV在Position:absolute情况下的居中需要知道DIV的高和宽;

通过数学我们可以知道,可以首先将DIV的高/宽的定位设置:Left/Top设为50%;然后将Margin-Left/Top:-(宽/高 ÷ 2)即可。

例如:
<div style="position: absolute; width: 380px; left:50%; top:50%; margin-left:-190px; margin-top:-190px; "></div>
 
转载请注明出处:

转载于:https://www.cnblogs.com/dashi/archive/2011/09/21/4034773.html

你可能感兴趣的文章
两台电脑间的消息传输
查看>>
Linux 标准 I/O 库
查看>>
.net Tuple特性
查看>>
Java基础常见英语词汇
查看>>
iOS并发编程笔记【转】
查看>>
08号团队-团队任务5:项目总结会
查看>>
SQL2005 删除空白行null
查看>>
mysql备份与恢复
查看>>
混沌分形之迭代函数系统(IFS)
查看>>
边框圆角Css
查看>>
使用Busybox制作根文件系统
查看>>
jpg图片在IE6、IE7和IE8下不显示解决办法
查看>>
delphi之模糊找图
查看>>
Javascript模块化编程的写法
查看>>
大华门禁SDK二次开发(二)-SignalR应用
查看>>
oracle 使用job定时自动重置sequence
查看>>
集成百度推送
查看>>
在项目中加入其他样式
查看>>
在使用Kettle的集群排序中 Carte的设定——(基于Windows)
查看>>
【原】iOS中KVC和KVO的区别
查看>>