虽然div中内容上下居中的问题已经是一个比较古老的话题，但是最近发现还是有很多前端开发者在询问如何实现。其实网络上已经有很多资料和案例了，我这里再总结一下几个比较常见的处理方式。情形一：div限高，内容长度限一行1 .v-align {2 margin: 0 auto;3 width...
分类：
其他好文 时间：
2014-10-27 22:57:54
阅读次数：
206
每天一个JavaScript实例-tab标签切换
.tabcontainer{
padding:5px;
width:500px;
margin:20px;
}
.tabcontainer ul{
padding:0;
margin:0;
display:none;
}
.tabnavigation ul li{
padding:3px;
display...
分类：
编程语言 时间：
2014-10-27 19:34:22
阅读次数：
118
如何垂直居中一个浮动元素？// 方法一：已知元素的高宽#div1{ width:200px; height:200px; position: absolute; //父元素需要相对定位 top: 50%; left: 50%; margin-top:-100px ; //二分之一的...
分类：
其他好文 时间：
2014-10-27 19:15:53
阅读次数：
163
每天一个JavaScript实例-点击图片显示大图
img{padding:5px;width:100px;height:auto;}
#outer{
width:100%;
height:100%;
}
.overlay{
background-color:#000;
opacity: .7;
filter:alpha(opacity=70);
position...
分类：
编程语言 时间：
2014-10-27 17:48:10
阅读次数：
185
使用 weight 属性实现视图的居中显示一.在开发中有时候会遇到将一个控件在父控件居中显示。但是如果你直接用margin_*来进行限制的话就可能造成对于不同的型号的手机又不同显示的格式。所以就可以用到android:weightSum和android:layoutweight来解决这个问题。官方A...
分类：
其他好文 时间：
2014-10-27 16:55:39
阅读次数：
325
每天一个JavaScript实例-操作元素定位元素
div#a{
width:500px;
}
div{
border:1px solid #000;
padding:10px;
}
#cursor{
position:absolute;
background-color:#ff0;
width:20px;
height:20px;
left:50px;...
分类：
编程语言 时间：
2014-10-27 12:49:20
阅读次数：
209
一个极简的小功能，有需要的可自行封装成插件，加入一些配置参数，例如延迟时间，展开时间，展开效果，回调函数，容器之类的。
body {
margin: 0;
padding: 0;
}
.wrap {
overflow: hi...
分类：
其他好文 时间：
2014-10-27 10:52:33
阅读次数：
132
盒子大小这里主要用于两个属性：margin和padding，我们以margin为例，padding与之相同。盒子有上下左右四个方向，每个方向都有个外边距：缩写的顺序是上->右->下->左。顺时针的方向。相对的边的值相同，则可以省掉：margin:1px;//四个方向的边距相同，等同于margin:1...
分类：
Web程序 时间：
2014-10-26 16:45:10
阅读次数：
175
#box{width:832px;height:832px;margin:0 auto;border:1px solid red;}
.col{width:50px;height:50px;border:1px solid #fff;float:left;background:url(xin.jpg) no-repeat;}
...
分类：
编程语言 时间：
2014-10-25 17:23:21
阅读次数：
192
本文转载自：http://www.cnblogs.com/linjiqin/p/3556497.html ，感谢相关博主。图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列...
分类：
Web程序 时间：
2014-10-24 18:16:08
阅读次数：
217
