CSS 垂直居中
1.图片的垂直居中
.box
{
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align: middle; /*设置水平居中*/
text-align: center;
/* 针对IE的Hack */
*display:block;
*font-size:175px;/*约为高度的0.873，200*0.873 约为175*/
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
width:200px;
height:200px;
border:1px solid #eee;
}
.box img
{
/*设置图片垂直居中*/
vertical-align: middle;
}
<div class="box">
<img src="http://pics.taobao.com/bao/album/promotion/taoscars_180x95_071112_sr.jpg" mce_src="http://pics.taobao.com/bao/album/promotion/taoscars_180x95_071112_sr.jpg" />
</div>
参考文章：
http://www.planabc.net/2008/05/26/img_vertical_center_solution/
http://www.student.oulu.fi/~laurirai/www/css/middle/
相关文档：
前言：CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。
(一) CSS2盒模型
盒模型主要定义四个区域：内容(content)、边框距(paddin ......
分类:Web前端
IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"， IE8能识别" \9"，但不能识别下划线"_"， 而firefox两个都不能认识,却可以识别‘!important’。等等
书写顺序，一般是将识别能力强的浏览器的CSS写在后面。下面列举常用的CSS hack方法
1：!importan ......
1.在JSP中生成动态XML
可以使用JSP生成XML,使用CSS或者XSL转换和显示XML;
只要在静态的XML文档模板中加入Java代码和JSP标记，XML就可以有静变动，产生动态的内容，生成XML文档的方法很简单，只需要在文件中使用指令contenttype,如<%@ page contenttype="text/xml"%>；
在XML文档中同样可以使 ......
网上看到的一些CSS工具资源
在线CSS工具：
W3C CSS 校验服务 :提供万维网协会(W3C)样式表(CSS)校验服务。
CSS 在线编辑器:OnLine CSS Designer - CSS Style Editor。 CSS 样式在线编辑器，可以即时查看CSS 样式效果演示。
QrONE CSS Designer ：在线CSS编辑器，所见即所得。
SKUER - The CSS Search Engine :SKUER ......
