1. Flexbox
使用 Flexbox 是一种非常常见且灵活的方法,可以轻松实现水平和垂直居中。
2. Grid
使用 CSS Grid 也可以实现垂直居中。
3. 使用 position 和 transform
这种方法适用于具有固定宽度和高度的元素。
4. 使用 line-height
这种方法适用于单行文本或具有固定高度的块元素。
5. 使用 table-cell
使用 display: table-cell; 可以在不使用表格的情况下实现垂直居中。
使用 Flexbox 是一种非常常见且灵活的方法,可以轻松实现水平和垂直居中。
使用 CSS Grid 也可以实现垂直居中。
这种方法适用于具有固定宽度和高度的元素。
这种方法适用于单行文本或具有固定高度的块元素。
使用 display: table-cell; 可以在不使用表格的情况下实现垂直居中。