Question

我正在尝试使div出现在浏览器的中间。但是，我找不到任何形式的指南来使用已有的CSS。

CSS

#register-modal {
    display: inline;
    position: absolute;
    z-index: 1;
    margin: 0 auto;
    background-color: aqua;
    top: 50%;
    left: 50%;
    text-align: center;
}

使用此CSS，我希望div出现在浏览器窗口的中间，但它出现在右下角。

受CSS影响的HTML形成了“模式”，因此我的位置除了绝对之外，别无他物。

Answer 1

您可以使用flex布局轻松实现此目的。然后将$('b').each(function() { if ( $.trim( $(this).text() ).length == 0 ) { if ( $(this).children().length == 0 ) { $(this).text(''); $(this).remove(); // remove empty paragraphs } } });和justify-content设置为align-items

justify-content：对齐主轴上的项目。 align-items：在交叉轴上对齐项目。

您可以在MDN doc

上了解更多信息

center

.container{
display:flex;
justify-content: center;
align-items: center;
width:100%;
height:100%
}
body, html {
width:100%;
height: 100%;
}

使这个div出现在身体的中间？

1 个答案: