超简单的图片水平垂直居中
2017-08-31 15:46
141 查看
用css让一个容器水平垂直居中
<!-- html --> <div> <img src="img/xxx.jpg" /> </div>
<!-- css --> div{ width: 300px; background-color: gold; } div>img{ width: 80%; margin: 10%; }
相关文章推荐
- 在DIV中图片垂直、水平居中(最简单方法)
- 纯css实现未知尺寸图片在DIV中垂直水平居中(超简单)
- [置顶] 未知图片宽高水平垂直居中
- 如何让未知尺寸的图片、单行文本、多行文本水平垂直居中?
- CSS如何让图片垂直并水平居中等比缩放?
- 大小不固定的图片、多行文字的水平垂直居中
- 纯css实现DIV以及图片水平垂直居中兼容多种浏览器(实现过程)
- 如何使图片在DIV 中水平垂直居中
- css图片实现水平、垂直居中
- 未知尺寸图片在已知尺寸容器下的水平垂直居中
- CSS制作图片水平垂直居中
- css实现div内图片的垂直、水平居中
- css图片响应式+垂直水平居中2
- JS等比例缩放图片以及让图片水平垂直居中显示
- 单张图片水平垂直居中
- 伪元素实现图片水平垂直居中
- 图片垂直水平居中
- css实现图片水平垂直居中
- css布局小技巧之:让一个小图片水平靠右对齐,垂直居中
- jquery计算出left和top,让一个div水平垂直居中的简单实例