手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS布局:图片在DIV中上下左右居中(水平和垂直都居中)
CSS布局:图片在DIV中上下左右居中(水平和垂直都居中)
摘要:CSS布局实例,这个例子相信很实用,让一个图片在Div容器中上下、左右都居中,也就是水平和垂直都居中,有用吧,平时遇到的机率挺高的,下面结合...

 CSS布局实例,这个例子相信很实用,让一个图片在Div容器中上下、左右都居中,也就是水平和垂直都居中,有用吧,平时遇到的机率挺高的,下面结合CSS和HTML来实现这个演示,请参见代码:

CSS布局:图片在DIV中上下左右居中(水平和垂直都居中)1

测试效果如下:可看到图片在Div class内水平和垂直居中:

CSS布局:图片在DIV中上下左右居中(水平和垂直都居中)2

【CSS布局:图片在DIV中上下左右居中(水平和垂直都居中)】相关文章:

如何让图片相对于上层DIV始终保持水平、垂直都居中

DIV+CSS 全屏垂直居中的一个办法

CSS:使DIV 在浏览器窗口中水平垂直居中

css中水平垂直居中对齐布局实例总结

css实现body背景图片水平垂直居中方法

用CSS让DIV层水平居中

CSS图片垂直居中方法整理集合

png24格式图片在ie6中透明

CSS基础教程:水平对齐(text-align)

CSS line-height行高上下居中垂直居中样式属性

精品推荐
分类导航