CSS解决未知高度垂直居中
原文链接 作者：怿飞
尽管有 CSS 的 vertical-align 特性，但是并不能有效解决未知高度的垂直居中问题（在一个 DIV 标签里有未知高度的文本或图片的情况下）。
标 准浏览器如 Mozilla, Opera, Safari 等.，可将父级元素显示方式设定为 TABLE(display: table;) ，内部子元素定为 table-cell (display: table-cell)，通过 vertical-align 特性使其垂直居中，但非标准浏览器是不支持的。
非标准浏览器只能在子元素里设距顶部 50% ，里面再套个元素距顶部 -50% 来抵消。
CSS部分：
body {
padding: 0;
margin: 0;
}
body,html{
height: 100%;
}
#outer {
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
background:ivory;
}
#outer[id] {
display: table;
position: static;
}
#middle {
position: absolute;
top: 50%;
} /* for explorer only*/
#middle[id] {
display: table-cell;
vertical-align: middle;
position: static;
}
#inner {
position: relative;
top: -50%;
width: 400px;
margin: 0 auto;
} /* for explorer only */
div.greenBorder {
border: 1px solid green;
background-color: ivory;
}
xhtml部分：
<div id="outer">
<div id=
相关文档：
你大概知道：对于一个新的访问者来说，他在最初20秒内与某网站的互动情况，决定了他是否会留在这个网站做进一步的探索，还是扬长而去。这就意味着，在设计网页的时候，你必须遵循一定的规律来留住访问者。简单的说，就是把所有的网页元素放在访问者所期待的位置。进行此设计的一个重要而有效的部分，就是整一个易于使用的 ......
首先介绍一下eidtarea：
EditArea是一个javascript源代码编辑器。支持：文本格式化，搜索与替换，实时语法着色加亮。当前支持的语言包括：PHP、CSS、
Javascript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic、Brainf*ck
下载地址：http://sourceforge.net/projects/editarea/
可以作为很好的在线编辑工具 ......
边框风格属性(border-style)
这个属性用来设定上下左右边框的风格，它的值如下：
none (没有边框，无论边框宽度设为多大)
dotted (点线式边框)
dashed (破折线式边框)
solid (直线式边框)
double (双线式边框)
groove (槽线式边框)
ridge(脊线式边框)
inset (内嵌效果的边框)
outset (突起效果的边框)
� ......
图片自动适应大小的问题在平时制作的时候是比较常见的问题，下面提供一个比较简单的解决方法：
div img {
max-width:600px;
//IE7、FF等其他非IE浏览器下最大宽度为600px;
width:600px;
//所有浏览器中图片的大小为600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//当图片大小大于6 ......
对于隐藏文字 & 内容，网上已有不少CSS方法可以实现，现总结几条实用的隐藏效果如下：
假如需要隐藏的对象是：
<h1 id="header"><span class="texthidden">this text need to be hidden.</span></h1>
隐藏这一部分的css方法一般有六种：
1、display:none;
/* 它可以使包括容器� ......
