如何让<li>中的<div>文字首部对齐

如果你想让 `<li>` 元素中的 `<div>` 内的文字垂直居中并保持顶部对齐（也就是文本顶部与 `<li>` 上边缘对齐），可以使用 CSS 的 `line-height` 和 `vertical-align` 属性。假设 `<div>` 有一个固定的 `height`，下面是一个例子：

<ul class="list">
  <li>
    <div class="content">
      这是文字内容
    </div>
  </li>
  <!-- 其他 li 元素 -->
</ul>

然后在 CSS 中添加样式：

.list {
  list-style-type: none; /* 可选，隐藏默认的点或圆点 */
  padding: 0;
  margin: 0;
}

.content {
  display: inline-block; /* 将 div 转换为块级元素以便应用 vertical-align */
  height: 50px; /* 假设固定高度，替换为你实际的高度 */
  line-height: 50px; /* 确保文字和行高一致 */
  vertical-align: top; /* 文本顶部对齐 */
}

在这个例子中，`.content` 的 `line-height` 设定了为与它的高度相等，这样文本就自然地顶对齐了。

如果 `<div>` 的高度不是固定的，你还可以使用 Flexbox 或 Grid 来实现对齐。例如，用 Flexbox 可以这样做：

.content {
  display: flex;
  align-items: flex-start;
}

这同样会让文字顶部对齐。