CSS多个元素时如何设置垂直对齐
使用table布局可以完美解决垂直对齐。
table布局并不是使用 table 元素,而是使用 display: table 属性
css样式设置如下:
<style>
/**父级元素**/
.container {
display: table;
}
/**子元素**/
.sub {
display: table-cell;
vertical-align: middle;
}
</style>
html代码如下:
<div class="container">
<a class="sub">崩坏</a>
<a style="sub">元神</a>
</div>
我的笔记