详细信息 您现在的位置是：首页 > jQuery

div垂直居中显示方式

来源：小程 发布时间：2022-04-12 753 人已围观

摘要div水平方向居中显示比较常见，垂直方向居中显示往往因为屏幕大小、分辨率等因素不太好设置，多数都设置固定数值。

.div{
    width: 200px;
    height: 200px;
    border: 2px dashed  blue;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}