当前位置:首页 > 日记 > 正文

在CSS中使用负边距值来调整中心位置。

在CSS中使用负边距值来调整中心位置。
本文主要介绍CSS中利用负边距调整中心位置的方法。同时指出了这种常用方法的一些值得注意的方面。需要帮助的朋友可以参考它。
这可能是最常用的中介方法.如果知道每个元素的大小,设置负边距值等于宽度和高度的一半(如果不使用框大小:边框框样式,则需要添加填充值),然后与顶部:50%;左:50%;样式将集中块元素。
需要注意的是,这是工作在ie6-7预期才重要。

CSS代码将内容复制到剪贴板。
{为负
宽度:300px;
身高:200px;
填料:20px;
位置:绝对;
顶部:50%;左:50%;
margin-left: - 170px(宽+填料); / * / / 2
边距:- 120px(高度+填料); / * / / 2
}

效益:

浏览器的兼容性很好,甚至支持ie6-7
所需的编码量非常小。

同时,要注意:

这是一个非响应的方法,不是一个百分比的大小,也不是最大最小值的最大值—。
内容可能超出容器。
您需要为填充预留空间,或者您需要使用框大小:边框框样式。

相关文章

excel表格数字转换成文本详细指南e

excel表格数字转换成文本详细指南e

文本,数字,表格,转换成,指南,朋友们用Excel表格应该经常与数字打交道,因为人数的一般格式可能不符合用户的要求。比如,现在是Excel表格的日期;20120205然后,这个数字可能格式不是我们想要的,我们要把它转化为erlingyier徘徊五十年月;这种形式,在这…

JS控件表单提交方法

JS控件表单提交方法

控件,方法,表单提交,电脑软件,JS,本文的例子讲述了js控件表单提交的方法,供大家参考: 功能autosubmit(){ var形式=文档。表单{ 0 }; 无功actionpath =莫=电话; form.action = actionpath; form.submit(); 返回true; } 如果您需要两个提交按钮,type的属…

用于纯Javascript实现的分页插件实例

用于纯Javascript实现的分页插件实例

插件,分页,用于,实例,电脑软件,本文描述了纯Javascript实现的分页插件。供大家参考,如下所示: 总号(Bi Tian) Var Num =数字() 当前页面(Bi Tian) var指数=数字(); 每一页的行数(可选,默认值,第10页)。 无功pagenum =数(10); 页面的最大显示数(可选默认显示,5页,页数必…

PS图象处理软件圆形水晶字笔画

PS图象处理软件圆形水晶字笔画

笔画,图象,处理软件,水晶,电脑软件,教程的效果和笔画分开做。正文部分是光滑的水晶效果用多层叠加,部分的第一笔画到文字笔画,然后变成一个聪明的对象或普通图层,然后设置图层样式,效果自己满意。 教程的效果和笔画分开做。正文部分是光滑的水…

PHP将excel导出到数据库和数据库数

PHP将excel导出到数据库和数据库数

数据库,数据,方法,导出到,电脑软件,本文演示了PHP如何导出Excel到数据库和数据库数据中的Excel,供大家参考,具体实现方法如下: 1。进口 导入需要使用能够读取excel的组件,并且Internet上有更好的组件。在这里分享我的使用:下载提取码:vxyn。(注…

Word2007如何使用不同的页眉或页脚

Word2007如何使用不同的页眉或页脚

页眉,教程,奇数,偶数,如何使用,例如,您可以选择在奇数页使用Word文档标题,并在偶数页上使用章节标题。 1、在页面布局选项卡上,单击页面设置对话框启动器,然后单击格式选项卡。 2,选择奇数页和偶数页是不同的复选框。 在偶数页上为偶数页插入页…

相册回收站功能QQ的常见问题

相册回收站功能QQ的常见问题

常见问题,回收站,功能,电脑软件,QQ,很多用户反馈,有时他们不小心删除相册,无法恢复。号码是无意中被盗,很多珍贵的照片被他人无法收回。为了帮助你把这些珍贵的回忆,QQ空间相册开发了相册回收站功能,为您提供删除照片,相册检索工具。打开相册回收…

PS图象处理软件结合SAI手绘手绘手

PS图象处理软件结合SAI手绘手绘手

手绘,图象,处理软件,视频,电脑软件,本教程是为PS图象处理软件带来朋友,结合西,发送图片到手机,手绘视频处理是美丽的,仍然有许多解释。值得学习和推荐。让我们一起学习。 本教程主要使用PS图象处理软件联合西传递美丽的手绘手绘效果。整个教程…

用js随机调用指定函数的方法

用js随机调用指定函数的方法

函数,调用,方法调用,方法,电脑软件,本文的示例讲述了js随机调用指定函数的方法,供大家参考: 此代码通过随机定时器调用指定的函数,以实现在间隔随机时间内指定的函数的目的。 功能randrange(数据){ 新的数据math.floor var = {(data.length * Ma…

PS图象处理软件开关按钮设计的白色

PS图象处理软件开关按钮设计的白色

开关按钮,图象,处理软件,白色,效果,本教程实际上是由自己完成的,它只是模仿一个伟大的神的简单工作。这是第一次为猫写教程。相对来说比较简单。我希望我能在以后的练习中做更好的教程。 本教程实际上是由自己完成的,它只是模仿一个伟大的神…

一个用Javascript正则匹配正则表达式的方

一个用Javascript正则匹配正则表达式的方

正则匹配,方法,正则表达式,电脑软件,Javascript,本文的例子告诉Javascript使用regexp正则匹配的方式。分享给你供你参考。具体实现的方法如下: 无功matchedtimes = 0; 匹配一个或多个b后跟一个或多个b。 记住匹配的b和d 忽略案例 迈尔= new RegExp(D…

平衡的艺术掌握了把不同的元素放在

平衡的艺术掌握了把不同的元素放在

元素,放在,画面,技巧,艺术,下面的教程将详细介绍把不同元素放在大图片上的技巧。这个教程很好,对设计师很有帮助。我想推荐你到这里来。让我们一起学习。 本文总结了几个优秀网站的全屏幕背景的特点,关键是帮助学生掌握不同元素在大画面上的…