您现在的位置： 万盛学电脑网 >> 程序编程 >> 网页制作 >> DivCSS教程 >> 正文

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

作者：佚名    责任编辑：admin    更新时间：2022-06-22

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

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

• 上一个程序编程： css清除浮动方法和代码
• 下一个程序编程： CSS完美代码的五个要点

DivCSS教程排行

• CSS样式:background-position的理解
• 用CSS3编程模仿iPhone中的返回按钮
• CSS中margin和padding的两者对比与用法
• 什么是CSS设计网页头部的优化写法
• 收集浏览器 CSS Hack汇总
• HTML DIV+CSS制作通栏实例
• 图片轮换的两边按钮的加载与控制如何通过像…
• CSS属性列表
• IE与Firefox的CSS兼容大全
• 使用CSS修改HTML的checkbox效果的小示例分享