小技巧2 - 负边距居中法

负边距居中法，是比较实用的一种居中方法，屡用不爽

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>负边距居中法</title><style type="text/css">body{position: relative;background-color: #f2f2f2;width: 100%;height: 600px;}.demo{background-color: red;width: 200px;height: 50px;position: absolute;left: 50%;top: 50%;margin-left: -100px;margin-top: -25px;}</style>
</head>
<body><div class="demo"></div>
</body>
</html>

转载于:https://www.cnblogs.com/wangchengb/p/8995399.html

小技巧2 - 负边距居中法相关推荐

android 触摸屏部分失灵,触摸屏失灵修复小技巧
手机触摸屏失灵修复小技巧 1.直接关闭手机,然后静置几分钟后再开机看看,如果手机支持拆卸电池,那么最好将电池也拆下来. 2.使用USB数据线将手机与电脑连接,看看是否可以解决. 3.针对屏幕出现飘逸的 ...
高效的学习方法（几个小技巧）
几个学习小技巧: 1.价值导向性学习法:发现,赋予学习内容意义或者使命感. 价值导向性学习法是一种高效的思维方式,可以传递出这样的一种观点:学习上有意义,有价值的行为,而不是消极的,被动式的学习. 首 ...
flash动画制作修改教程及超实用的小技巧分享，硕思闪客精灵
首先小编是一个小白,前几天刚接触这个,大神勿喷. 1.下雨效果先画2个雨点,分别在起点和末尾改变它的位置,结合重力因素,创建传统补间动画,雨就制作好了,用相同的方法制作那两个圈,改变一下圈圈的大小就 ...
latex 公式不居中_LaTex小技巧，祝你论文一臂之力！
LaTex作为常用的排版系统,已深入到大家的工作和学业中.但是很多小伙伴反馈说:LaTex公式编辑复杂.表格处理麻烦等.为此,我们特别收集了一些LaTex的小技巧,希望大家都可以get到! 公式篇首 ...
android图片底部居中对齐,android开发图片居中的小技巧
释放双眼,带上耳机,听听看~! 制作UI布局的时候都会出现复杂的LinearLayout嵌套,并且常常会被一些问题混淆,警惕在android中图片居中的小技巧大家都知道吗?别着急,下文是技术狗小编为大 ...
CSDN 博文写作小技巧 (标题超链接、跳转指定博客的指定位置、图片居中、动图制作、可爱文字、定时博客发布、快速博客写作)
CSDN 博文写作小技巧 (标题超链接.跳转指定博客的指定位置.图片居中.动图制作.可爱文字.定时博客发布.快速博客写作)
蓝桥杯小技巧整理（混分法）
一.使用Excel解决问题 1.计算一个日期后几天的的日期例:计算2000年1月1日后625天的日期是多少? 方法:输入2000/1/1,然后下拉 2.已知一个日期是第几天,得到另一个日期是第几天 ...
微信小程序尺寸及外边距设置调整技巧
微信小程序尺寸已经是当下微信小程序设计最热门的话题,下面将从多方面来谈谈微信小程序尺寸及外边距设置相关的内容. 一:尺寸(Dimension) 一.尺寸属性:允许控制元素的宽和高,还可以设置行间距. ...
3.CSS布局奇淫巧计之-强大的负边距【转】
css中的负边距(negative margin)是布局中的一个常用技巧,只要运用得合理常常会有意想不到的效果.很多特殊的css布局方法都依赖于负边距,所以掌握它的用法对于前端的同学来说,那是必须的. ...

小技巧2 - 负边距居中法

小技巧2 - 负边距居中法相关推荐

最新文章

热门文章