我想水平和垂直居中内容,我想用“bulma 方式”(不添加额外的 CSS)。我的例子是有效的,但我觉得它是“hacky”。
html,
body,
.container,
.section {
height: 100%;
}
.column {
flex-direction: column;
justify-content: center;
}Run Code Online (Sandbox Code Playgroud)
<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.5/css/bulma.min.css" rel="stylesheet" />
<section class="section">
<div class="container is-flex">
<div class="column is-flex has-text-centered">
<div class="box">
My content
</div>
</div>
</div>
</section>Run Code Online (Sandbox Code Playgroud)