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

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

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

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

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

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

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

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

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

清除浮动clear:both的应用详解

css布局中的居中问题

div中内容上下居中小结教程

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

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

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

2种方法实现CSS LI隔行换色

精品推荐
分类导航