<html><head><meta charset="utf-8"><title>手册网(www.shouce.ren)</title><style>#main { width: 220px; height: 300px; border: 1px solid black; display: flex; /* Safari */ align-items: center; /* Safari 7.0+ */ display: flex; align-items: center;}#main div { flex: 1; /* Safari 6.1+ */ flex: 1;}</style></head><body><div id="main"> <div style="background-color:coral;">RED</div> <div style="background-color:lightblue;">BLUE</div> <div style="background-color:lightgreen;">Green div with more content.</div></div><p><b>注意:</b> Internet Explorer 10 及更早版本浏览器不支持 align-items 属性。</p><p><b>注意:</b> Safari 7.0 及更新版本通过 -webkit-align-items 属性支持该属性。</p></body></html>