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

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

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

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

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

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

css实现图片在div中居中的效果

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

div中内容上下居中小结

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

css中使input输入框与img(图片)在同一行居中对齐

CSS的position属性在DIV层中的应用

CSS布局实例:上中下三行,中间自适应

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

css布局中的居中问题

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

精品推荐
分类导航