css控制 图片垂直居中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns="" lang="zh-CN"><head><title>图片垂直居中</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><style type="text/css" media="all">div,img{margin: 0;padding: 0;border: 0;}#content{width: 303px;height: 404px;background: #F63;color: #000;font: 12px Arial,Helvetica,sans-serif;position: relative;}#content[id]{display: table;position: static;}#middle{position: absolute;left: 0;top: 50%;}#middle[id]{display: table-cell;vertical-align: middle;position: static;}#inner{position: relative;left: 0;top: -50%;}</style></head><body><div id="content"><div id="middle"><div id="inner">垂直居中<br /><img src="" _fcksavedurl="" alt="网页教学网logo" title="网页教学网logo" /></div></div></div></body></html>

于千万年之中,于千万人之中,在时间无涯的荒野中,

css控制 图片垂直居中

相关文章:

你感兴趣的文章:

标签云: