如何将一个部分与 bulma 居中

use*_*758 9 html css bulma

我正在使用 bulma 框架,所有内容都在左侧,我如何将内容集中在页面上?例如,此图像在左侧。

<section class="section">
  <div class="container">
    <div class="column">
      <figure>
        <img src="/assets/images/norris-lake.jpg" alt="Melton Hill Lake">
      </figure>
    </div>
  </div>
</section>
Run Code Online (Sandbox Code Playgroud)

ksa*_*sav 15

为什么不看看居中列Bulma 文档

<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.css" rel="stylesheet" />
<section class="section">
  <div class="container">
    <div class="columns is-centered">
      <div class="column is-half">
        <figure>
          <img src="https://placeimg.com/640/480/any" alt="Melton Hill Lake">
        </figure>
      </div>
    </div>
  </div>
</section>
Run Code Online (Sandbox Code Playgroud)

  • 谢谢,我还在试着去扔文件,我发现自己有时迷路了,我需要看的地方。我尝试了“以中心为中心”,但没有帮助,所以它的“以一半”是关键。感谢帮助! (3认同)