CSS是一種樣式表語言,用于網頁布局和設計。其中,垂直兩端對齊樣式是CSS中重要的一種樣式,用于使兩個或多個元素在垂直方向上對齊。下面介紹幾種常見的CSS樣式實現(xiàn)垂直兩端對齊。
/* 方法一:使用display:flex */ .parent { display: flex; justify-content: space-between; align-items: center; } /* 方法二:使用vertical-align */ .parent { display: table; } .child { display: table-cell; vertical-align: middle; } /* 方法三:使用line-height */ .parent { height: 200px; line-height: 200px; } .child { display: inline-block; vertical-align: middle; } /* 方法四:使用position */ .parent { position: relative; } .child { position: absolute; top: 50%; transform: translateY(-50%); }
以上四種方法各有優(yōu)缺點,具體使用可根據(jù)實際情況選擇。希望本文對您有所幫助。