利用表布局实现多行内联元素垂直居中示例
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>三十课-利用表布局实现多行内联元素垂直居中示例</title> <style> .center-table { display: table; height: 140px; width: 24em; border: 2px dashed #f69c55; } .v-cell { display: table-cell; vertical-align: middle; } </style> </head> <body> <div class="center-table"> <p class="v-cell">The more technology you learn, the more you realize how little you know.</p> </div> </body> </html>
运行结果
三十课
广告
