在父元素中我还有两个元素。如果我删除了一个,则元素的其余部分不会垂直居中对齐。
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>
最佳答案
您正在使用 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;
}
希望这对您有所帮助。
关于html - 在父 div 中,我还有两个元素。如果我删除了一个然后元素的其余部分不垂直居中对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30300130/