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>
原文地址:https://www.cnblogs.com/tianyu-2015/p/12595945.html
时间: 2024-10-13 06:20:35