摘要: 距离上次看CSS的教程已经好多年了,现在如何让图片居中也不会了,在样式表中整理了半天也不行,于是Google之。找着一个CSS图片居中的方法,代码超简洁,兼容性貌似不错,在火狐和IE6/IE7/IE8/下都表现良好。 .box { display: table...
距离上次看CSS的教程已经好多年了,现在如何让图片居中也不会了,在样式表中整理了半天也不行,于是Google之。找着一个CSS图片居中的方法,代码超简洁,兼容性貌似不错,在火狐和IE6/IE7/IE8/下都表现良好。
.box { display: table-cell; vertical-align:middle; width:200px;
height:200px; text-align:center; /* hack for ie _/ *font-size: 175px; /_ end
*/ border: 1px solid #eee; } .box img { vertical-align:middle; }