vertical-align action inline element objects
after setting table-cell display, magin and padding will fail
#bj { height:100px; color: white; font-size: 30px; margin: 10px 0; display: table-cell; vertical-align: middle; / * set the div height, the internal vertical centering elements * / } #bj * { vertical-align: middle; / * Vertical Centering * / } <body> <h1>北京时间:</h1> <div id="bj"> <img src="img/clock0.png"> <img src="img/clock0.png"> : <img src="img/clock0.png"> <img src="img/clock0.png"> : <img src="img/clock0.png"> <img src="img/clock0.png"> </div> </body>