css的div动态水平垂直居中
2024-10-21 10:21:00
div动态水平垂直居中,思路如下:
(1)先定位。如果相对于距离最近的父元素,用absolute;如果相对于body,用fixed。
(2)然后,top和left都设为50%。
(3)要居中的div的margin-top和margin-left,都设置为该div高度和宽度的一半。
position:absolute;
width:200px;
height:100px;
left:50%;
top:50%;
border:1px solid red;
margin-left:-100px;
margin-top:-50px;
如果只是水平居中,只用一个margin就行了。
margin:0 auto;
最新文章
- Django~待解决的问题
- .NET跨平台实践:用C#开发Linux守护进程(转)
- Python基础篇【第1篇】: Python基础
- Google Map: JavaScript API RefererNotAllowedMapError
- Mysql ERROR 1045 (28000): Access denied for user 'root'@'localhost'(using password: YSE)
- github 推送时can't be established.
- 怎样使Android应用程序获得root权限
- 【BJG吐槽汇】第2期 - 我每周1-2次迟到都是因为你-->;ios10!
- [河南省ACM省赛-第三届] AMAZING AUCTION (nyoj 251)
- ElasticSearch 学习记录之ES短语匹配基本用法
- 正则化(Regularization)本质
- Gulp入门及简单使用
- python3+scrapy 趣头条爬虫实例
- windows defender和windows firewall
- 读书笔记,《Java 8实战》第五章,使用流
- iview-admin打包笔记
- 转:Window_Open详解
- Python3抓取javascript生成的html网页
- java.util.Arrays.asList 的小问题
- jetty插件实现 热部署