CSS处理div中对象垂直对齐
CSS设置
<style type="text/css">
.box {
border:#eee solid 1px;
width:300px;
height:120px;
line-height:120px;
display:table-cell;
vertical-align:middle;
text-align:center;
}
</style>
1.文本
<div class="box">Sample text</div>
Sample text
2.图片(IE下在图片后面加一个空格)
<div class="box"><img alt="" src="http://www.csdn.net/images/newcsdnlogo.gif" /> </div>
相关文档：
原理：
当两个同父元素z-index相同时，后面的元素显示在上面。
当z-index超过浏览器最大值时，浏览器会按最大值计算。
方法：
连续放置两个div元素d1，d2；并设定position:absolute及不同背景色。
设定d1.z-index = max + 1, d2.z-index = max；
当max + 1有效时，d1在前；当max + 1 无效时，d2在前。（参看原理） ......
.ie
{
border:1px solid #000000;
width:100px;
height:300px;
font-size:12px;
}
.ie div
{ text-over:
overflow:hidden;
text-overflow:ellipsis ......
注：本学习笔记只是自己的一些备忘，初学者的东西不具有参考性，请到W3School（http://www.w3school.com.cn/css/index.asp）进行系统学习。 学习CSS我使用的工具是Visual CSS，可以实现同步预览，快速学习编辑CSS。 1.CSS的作用：用来规定网页中的内容的显示方式，避免给HTML增加很多的属性而将代码变得臃肿。 2.CSS ......
让treeview不显示td网格线 gridview显示网格线
HTML
<style type="text/css">
TD
{
font-size: 9pt;
......
使用 line-height 垂直居中
line-height:24px;
使用固定宽度的容器并且需要一行垂直居中时，使用 line-height 即可（高度与父层容器一致），更多的垂直居中总结可以看这里。
清除容器浮动
#main {
overflow:hidden;
}
不让链接折行
a {
white-space:nowrap;
}
上面的设定就能避免链接折行，不过个 ......
