css的垂直对齐 |jquery ajax 继承父页面css

.vertical-center {
display: flex;
align-items: center;
}

方法一：使用Flexbox

Flexbox是CSS3中的弹性盒布局模型，它提供了一种简单方便的方式来实现垂直对齐。通过在父元素上设置display为flex，再设置align-items为center，子元素就可以在垂直方向上居中对齐。

.vertical-middle {
position: relative;
top: 50%;
transform: translateY(-50%);
}

方法二：使用transform

通过设置子元素的position为relative，再使用top和transform的组合，可以将元素在垂直方向上居中对齐。top设置为50%，transform设置为translateY(-50%)，意思是将子元素向上移动自身高度的一半，达到垂直居中的效果。

.vertical-align {
display: table-cell;
vertical-align: middle;
}

方法三：使用table-cell

通过将子元素的display设置为table-cell，再设置vertical-align为middle，即可将子元素在垂直方向上居中对齐。这种方式虽然不太常用，但它确实可靠、简单、兼容性好。