vertical-align作用對象為內聯元素display設置table-cell後，magin和padding就會失效 #bj { height:100px; color: white; font-size: 30px; margin: 10px 0; display: table-cell; ...
vertical-align作用對象為內聯元素
display設置table-cell後，magin和padding就會失效
#bj { height:100px; color: white; font-size: 30px; margin: 10px 0; display: table-cell; vertical-align: middle;/*div設置高度後，內部元素垂直居中*/ } #bj * { vertical-align: middle;/*實現垂直居中*/ } <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>
