上下垂直居中 在线演示 DIVCSS5
#main {
position: absolute;
width:400px;
height:200px;
left:50%;
top:50%;
margin-left:-200px;
margin-top:-100px;
border:1px solid #00F
}
/*css注释:为了方便截图,对CSS代码进行换行*/
DI...
分类:
Web程序 时间:
2014-06-05 11:36:39
阅读次数:
253
ByteBuffer position limit flip...
分类:
其他好文 时间:
2014-06-05 10:23:51
阅读次数:
185
Legend, 翻译过来的意思是图例。
在Extjs 的Chart 中, 到底右边红色框起来的部分就是Legend 了。
在 Extjs Chart 的定义中, 可以通过配置 legend 的配置值(configs)来设置Legend 显示的位置和样式:
position 配置显示的位置:可以设置的值有 "top","bottom", "left", "right", or "float"。
其他还可以设置图例显示的文字、图的样式等等, 详细可以参见 Ext.chart.Legend 的参考文档。代...
分类:
Web程序 时间:
2014-06-04 22:49:05
阅读次数:
526
通常,我们要让某元素居中,会这样做:
#element{
margin:0 auto;
}
如果还想让此元素位置固定呢?一般我们会添加position:fixed,如下:
#element{
position:fixed;
margin:0 auto;
}
但是这样做的结果就是,元素不居中了。这说明fixed使对象脱离了正常文档流。
解决方案:
#ele...
分类:
Web程序 时间:
2014-06-02 23:00:57
阅读次数:
327
首先我们来看一个代码:复制代码代码如下: Absolute (layer2) Normal
Text Content (layer3) 这个代码的效果如下:在FF和IE8下都没有任何问题的,但是在IE6和IE7下有人如下两个bug:a,
绝对定义(position:absolute)的相邻元素mar...
分类:
其他好文 时间:
2014-06-02 01:19:44
阅读次数:
291
定位一直是WEB标准应用中的难点,如果理不清楚定位那么可能应实现的效果实现不了,实现了的效果可能会走样。如果理清了定位的原理,那定位会让网页实现的更加完美。定位的定义:在CSS中关于定位的内容是:
position:relative | absolute | static | fixedstatic...
分类:
其他好文 时间:
2014-06-02 00:05:40
阅读次数:
325
【题目】
Reverse a linked list from position m to n. Do it in-place and in one-pass.
For example:
Given 1->2->3->4->5->NULL, m = 2 and n = 4,
return 1->4->3->2->5->NULL.
Note:
Given m, n satisfy the following condition:
1 ≤ m ≤ n ≤ length of list.
【题意】
...
分类:
其他好文 时间:
2014-06-01 15:08:34
阅读次数:
237
实现自由落体运动需要理解的几个简单属性:
clientHeight:浏览器客户端整体高度
offsetHeight:对象(比如div)的高度
offsetTop:对象离客户端最顶端的距离
简单demo如下:
free_movement
#div1{
position: absolute;
height: 100px;
width: 100...
分类:
编程语言 时间:
2014-06-01 01:49:24
阅读次数:
348
1.垂直居中有时我们会使用margin: 0
auto;作居中使用。但有的时候我们需要垂直居中,例如在div里面垂直居中显示一张加载中的gif图。下面这种写法就可以完美实现:垂直居中的子容器 {
position: absolute; left: 0; right: 0; ...
分类:
Web程序 时间:
2014-05-31 20:15:24
阅读次数:
261
body{ background-position:center;
background-repeat:no-repeat; }div#div1{ position:fixed; top:0; left:0; bottom:0;
right:0; z-i...
分类:
其他好文 时间:
2014-05-31 14:11:16
阅读次数:
243