css中line垂直居中

在 CSS 中，垂直居中（Line Vertical Alignment）通常涉及到块级元素，如 `<div>` 或表格单元格等。以下是一些常见的方法来实现线性垂直居中：

1. **Flexbox**:
使用 `display: flex;` 和 `align-items: center;` 属性可以轻松地使子元素垂直居中。例如：

   .parent {
     display: flex;
     align-items: center;
     justify-content: center;
   }

2. **Grid**:
对于 CSS Grid，你可以使用 `align-items: center;` 属性，如果容器也是网格容器：

   .parent {
     display: grid;
     align-items: center;
   }

3. **Positioning**:
可以使用绝对定位配合 `top: 50%` 和负 `margin-top` 来实现：

   .parent {
     position: relative;
   }
   .child {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
   }

4. **内联-block**:
如果元素是内联元素，可以设置宽度为 `100%`，然后用 `vertical-align: middle;`：

   .parent {
     display: inline-block;
   }
   .child {
     vertical-align: middle;
   }

5. **Table-cell**:
对于表格单元格（table-cell），直接应用 `vertical-align: middle;` 即可：

   td {
     vertical-align: middle;
   }