<div>
<p><img /></p>
</div>
一 div显示为表格框 (本人未测试通过)
div{display:table-cell; /* 也可为table等 */
vertical:middle; /* 只有firefox在去掉以上属性时，支持此属性 */
}
二 采用绝对地址和外边距居中 （推荐,不用看也可以通过）
div{position:relative; /* 可无需设置left等，此属性主要是为内部标签p定位 */
height:xxpx;
}
p{position:absolute;
margin-top:－(自身高度/2);
}
三 定义p{inline-block;.....}为行框来填充img的上面距离实现居中。代码略。(未测试)
四 元素内元素垂直居中 （定位不是十分精确，差别不大，好像只适用于单行。测试通过）
div{line-height:500px; /* line-height与height相同 */
height:500px;
}
posted on 2009-10-15 16:05
紫蝶∏飛揚↗ 阅读(468)
评论(0) 编辑 收藏 所属分类:
CSS 、
div+css+js代码