DIV图片垂直居中
2010-04-12 15:00
204 查看
<mce:style type="text/css"><!-- * {margin:0;padding:0} div { width:500px; height:500px; border:1px solid #666; overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle } div p { position:static; +position:absolute; top:50% } img { position:static; +position:relative; top:-50%;left:-50%; } --></mce:style><style type="text/css" mce_bogus="1"> * {margin:0;padding:0} div { width:500px; height:500px; border:1px solid #666; overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle } div p { position:static; +position:absolute; top:50% } img { position:static; +position:relative; top:-50%;left:-50%; }</style> <div><p><img src="http://www.google.com/intl/en/images/logo.gif" mce_src="http://www.google.com/intl/en/images/logo.gif" /></p></div>
相关文章推荐
- 【DIV+CSS】DIV背景图片水平垂直居中
- div+css解决图片垂直居中问题
- div里面的图片垂直居中
- js 获取div的类及js控制图片垂直居中
- CSS Div图片垂直居中的方法
- div中图片水平垂直居中
- css样式实现左边的固定宽度和高度的图片或者div跟随右边高度不固定的文字或者div垂直居中(文字高度超过图片,图片跟随文字居中,反之文字跟随图片居中非table实现)
- 图片垂直居中之姊妹 DIV垂直居中
- DIV中图片垂直居中
- div图片垂直居中
- 在DIV中图片和文本垂直居中的方法
- div的内容图片垂直居中代码(兼容多浏览器)
- 未知高度的图片在div设置垂直居中
- div中如何使图片垂直居中
- CSS 图片在DIV中垂直居中的显示方法
- 如何让图片在垂直方向与 div的底部对齐 水平居中
- div固定高度中图片垂直居中显示
- 图片与文字在div里实现垂直水平都居中
- DIV中图片垂直居中
- Div+css 图片垂直居中