html - 在父 div 中，我还有两个元素。如果我删除了一个然后元素的其余部分不垂直居中对齐

Question

在父元素中我还有两个元素。如果我删除了一个，则元素的其余部分不会垂直居中对齐。

h3 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: table;
  max-width: 115px;
  padding: 0px 6px;
  vertical-align: middle;
}
h3 a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  float: left;
}

<h3>
  <a href="#">Nathan</a>
  <a href="#">sdfsdfsdf</a>
</h3>

Answer 1

您正在使用 float:left; 以及 display: table-cell;。两者都使用是没有意义的。如果您要使 h3 具有 display: table;，则 display: table-cell; 足以让您获得 float 影响。您需要将其删除才能获得您要查找的内容。

例如，

h3 a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  }

LIVE DEMO

希望这对您有所帮助。