如何用布尔玛居中一个部分

Question

我用的是bulma framework，所有内容都在左边，如何让内容居中？例如，这张图片在左边。

<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>

Answer 1

看看Bulma docs for Centering columns

<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>

Answer 2

我只有 <div class="columns is-centered is-mobile"> 内有 <figure> 标签。它对我有用。

如何用布尔玛居中一个部分

How to center a section with bulma

html

css

bulma