我正在使用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>
答案 0 :(得分:2)
为什么不看看Bulma docs
<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>
答案 1 :(得分:0)
我只在 <figure>
内有 <div class="columns is-centered is-mobile">
标签。它对我有用。