CSS居中浮动元素的使用方法
导语:Css功能越来越完美,现在已经能做出各种各样的.样式,其中居中浮动也是Css知识点中的一个。以下是本站小编为大家搜集的CSS居中浮动元素的使用方法,供大家参考。
方法一
设置容器的浮动方式为绝对定位
然后确定容器的宽高 比如宽500 高 300 的层
然后设置层的外边距
CSS Code复制内容到剪贴板
div{
width:500px;
height:300px;
margin:-150px 0 0 -250px;
position:absolute;
left:50%;
top:50%;
background-color:#000;
}
方法二
父元素和子元素同时左浮动,然后父元素相对左移动50%,再然后子元素相对右移动50%,或者子元素相对左移动-50%也就可以了。
CSS Code复制内容到剪贴板
Test Float Element Center
-
如何理解Javascript的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...
-
javascript 日期类型学习笔记
1.创建日期对象复制代码代码如下:varnow=newDate();//获得当前系统日期和时间varsomeDate=newDate(e("May25,2012"));varsomeDate=newDate("May25,2012");//与上相同varsomeDate=newDate((2010,0));//GMT时间2010年1月1日凌晨0时varsomeDate=newDate(2010,0);/...
-
JavaScript 函数表达式
JavaScript中创建函数主要有两种方法:函数声明和函数表达式。这两种方式都有不同的适用场景。这篇笔记主要关注的是函数表达式的几大特点以及它的使用场景,下面一一描述。主要特点可选的函数名称函数名称是函数声明的必需组成部分,这个函数名称相当于一个变量,新定...
-
如何理解Javascript的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...