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

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

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

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

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

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

png24格式图片在ie6中透明

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

CSS垂直居中和水平居中方法总结

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

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

CSS制作水平垂直居中对齐 多种方式各有千秋

CSS关于解决图片元素下多余空白的BUG

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

CSS实现同一行的图片和文字垂直居中对齐的方法

css让容器水平垂直居中的7种方式

精品推荐
分类导航