1.display:flex
2.display:tabel-cell
紧靠在一起，一列的效果（背景高度也会被撑高）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .t1{ display: table-cell; width:1200px; height:120px; background: #ccc; } .t1 div{ width:200px; height:200px; background:red; border:solid 2px green; } </style> </head> <body> <div class="t1"> <div>555</div> <div>555</div> <div>555</div> </div> </body> </html>
3.vertical-align:middle;
也是紧靠在一起，一列的效果
原文：http://www.cnblogs.com/NotePad-chen/p/7449041.html