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秒内与某网站的互动情况，决定了他是否会留在这个网站做进一步的探索，还是扬长而去。这就意味着，在设计网页的时候，你必须遵循一定的规律来留住访问者。简单的说，就是把所有的网页元素放在访问者所期待的位置。进行此设计的一个重要而有效的部分，就是整一个易于使用的 ......
使用Ant构建批量压缩js、css文件
使用Ant批量压缩js、css文件
2010 年 01 月 27 日
提供了一个ant脚本，它主要用于批量压缩批定目录下的js、css文件，此ant脚本使用到了 YUI Compressor、antcontrib
.
Ant Contrib
主要使用它所提供的foreach、propertyregex这两个target
yui compressor 参考资料
压缩会带 ......
图片自动适应大小的问题在平时制作的时候是比较常见的问题，下面提供一个比较简单的解决方法：
div img {
max-width:600px;
//IE7、FF等其他非IE浏览器下最大宽度为600px;
width:600px;
//所有浏览器中图片的大小为600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//当图片大小大于6 ......
相信很多人都非常喜欢用div+css布局,无论你是前端开发者，还是后台程序员，因为它的好处实在太多，可以用很少的代码来控制布局，然后用CSS表现其形态，表现和样式分离。而且在SEO方面，它还能提供30%的优化，我们何乐而不为呢。
很多人都会碰到如题的布局问题，解决方案很多，可以用背景图来填充，或用js来控制，但终不� ......
