Question

是否可以将单行文本元素放在div中，使其基线精确地与div的下边界重合。就像在svg rect中一样。我可以手动完成，但对于任何字体大小都可以使用通用方法。可能会以'em'为单位测量一些变化？

现在我做这样的事情来对齐两个div中的文本（'name'和'start'），font-sizes是不同的，水平对齐是不同的，我希望它们垂直对齐而不是通过手动调整底部边距：

.project-div .footer {
  position: absolute;
  bottom: 0px;

  height: 28px;
  width: 100%;

  display: inline-block;
  line-height: 28px;
}

.project-div .footer .name {
  position: absolute;
  left: -1px;
  bottom: -20%;

  line-height: 28px;
  font-size: 28px;
  height: 28px;
}

.project-div .footer .start {
  position: absolute;
  right: -3px;
  bottom: -10%;

  line-height: 18px;
  font-size: 18px;
  height: 18px;

  font-family: "Arial Black";
  color: #ccc;
}

Answer 1

我会说，将属性position: relative分配给您的父级，然后将属性position: absolute和bottom: 0分配给您的孩子，如果您想将其完全放在您的孩子的底部父母div。

顺便说一下，下次再详细说明你的问题。

div内文本的精确垂直对齐

1 个答案: