CSS布局：图片在DIV中上下左右居中(水平和垂直都居中)
2017-03-25 11:43
871 查看
CSS布局实例，这个例子相信很实用，让一个图片在Div容器中上下、左右都居中，也就是水平和垂直都居中，有用吧，平时遇到的机率挺高的，下面结合CSS和HTML来实现这个演示，请参见代码：
测试效果如下：可看到图片在Div class内水平和垂直居中：
测试效果如下：可看到图片在Div class内水平和垂直居中：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS布局：设置图片在DIV中上下左右居中(水平和垂直都居中)
- CSS布局：图片在DIV中上下左右居中(水平和垂直都居中)
- div+css：页面整体布局居中显示：上下居中||垂直居中，左右居中||水平居中
- css---flex布局中，如何响应式 得水平垂直居中？flex子元素左右 上下居中
- CSS布局——DIV水平居中和垂直居中
- 【DIV+CSS】DIV背景图片水平垂直居中
- 根据HTML+CSS完成一个三列布局，左右侧栏宽为180px，高为300px；中间栏自适应，高为300px；中间栏子元素(宽高不确定)实现水平、垂直居中。
- 纯CSS实现图片水平垂直居中于DIV（图片未知宽高）
- 纯CSS实现图片水平垂直居中于DIV（图片未知宽高）
- css实现div中的图片自动上下左右居中
- CSS实现图片在DIV中上下左右居中（1）
- 纯CSS实现图片水平垂直居中于DIV（图片未知宽高）
- css实现图片在div中水平和垂直居中(但图片宽高要小于div宽高)
- 纯css完美地解决图片在div内垂直水平居中，兼容IE7.0、IE6.0、IE5.5、IE5.0、FF、
- CSS 布局2（显示方式、水平居中、左侧固定、垂直居中、左右固定）
- 用CSS使图片上下左右都绝对居中于DIV
- 纯css实现未知尺寸图片在DIV中垂直水平居中（超简单）
- CSS图片在DIV中水平垂直居中
- CSS实现DIV水平居中和上下垂直居中
- css实现div内图片的垂直、水平居中