本文共 721 字，大约阅读时间需要 2 分钟。
话不多说，代码如下
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <!doctype html> < html > < head > < meta charset = "utf-8" > < title >伸缩布局</ title > < style type = "text/css" > *{ margin: 0; padding:0; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { height: 100%; } div{ height: 100px; width: 100px; overflow: hidden; display:flex; border: 1px dotted red; align-items: center; justify-content:center; } img{ width: 50px; height: 50px; } </ style > </ head > < body > < div > < img src = "http://img.mukewang.com/5365d7b10001e8d506350529.jpg" alt = "" /></ div > </ body > </ html > |
则图片居中
本文转自 陈小龙哈 51CTO博客，原文链接:http://blog.51cto.com/chenxiaolong/1710761
转载地址：http://ilghx.baihongyu.com/