求解下2个width,margin:-75px的作用
时间:2011-07-11
来源:互联网
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <style> #position{position:absolute;top:50%;left:50%;width:50%;width:150px;height:40px;margin:-20px 0 0 -75px;padding:0 10px;background:#eee;line-height:2.4;} </style> </head> <body> <div id="position">水平垂直居中的对象</div> </body> </html>
提示:您可以先修改部分代码再运行
在网上看到这么一段代码,求解下2个width,margin:-75px的作用 提示:您可以先修改部分代码再运行
作者: wd513517 发布时间: 2011-07-11
top跟left是高和宽的一半.
定位后负边距居中的办法
定位后负边距居中的办法
作者: cycloned 发布时间: 2011-07-11
width:50%;width:150px;这个?
作者: wd513517 发布时间: 2011-07-11
width:50%;完全是冗余代码没有任何作用.
position:absolute;
top:50%;left:50%;
width:150px;height:40px;
margin:-20px 0 0 -75px;
position:absolute;
top:50%;left:50%;
width:150px;height:40px;
margin:-20px 0 0 -75px;
作者: cycloned 发布时间: 2011-07-11
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28