.box{ display: table-cell; vertical-align: middle; text-align: center; } .box img{ 200px; height: 100px; } 只要是display: inline-block;的元素,都可以用类似img垂直居中。 .box{ 700px; height: 700px; border: 1px solid black; display: table-cell; vertical-align: middle; } .box .son{ 100px; height: 100px; background: yellow; margin: 0 auto; } 上面是display: block;元素居中方法。