Bulma.io，中心 div 元素大小为三分之一答案

【问题标题】：Bulma.io, center div elements sized in thirdsBulma.io，中心 div 元素大小为三分之一
【发布时间】：2023-03-31 13:01:01
【问题描述】：

我要回到前端，所以我正在为自己制作一个投资组合页面以进行练习，我正在使用名为 Bulma 的 css 框架我无法弄清楚为什么左边的“1”不是t 居中。我在正文中有 4 个 div，1 个用于容纳 3 列，3 列的大小为 thirds
这些是我的 div 的样子。我不想用传统的 CSS 制作导航栏，所以我使用了一个框架。我正在使用 repl IDE，here 是您可以查看我的问题的网站。

我基本上只是希望这 3 个 div 居中，所以我可以在中间 div 中添加文本，标记为“2”。我制作了另外两个 div，以便设置一些“边界”。

<div class="columns"> <!--defines where the columns are-->
  <div id="left" class="column is-one-third">1</div>
 <div class="column is-one-third">2</div>
 <div class="column is-one-third">3</div>
</div>

【问题讨论】：

请澄清您的具体问题或提供更多详细信息以准确突出您的需求。正如目前所写的那样，很难准确地说出你在问什么。

标签： html css bulma

【解决方案1】：

我从您的示例中看到 divs 居中，但其中的文本不是。

<div class="columns">
  <div class="column is-one-third has-text-centered">1</div>
 <div class="column is-one-third has-text-centered">2</div>
 <div class="column is-one-third has-text-centered">3</div>
</div>

我将文本以has-text-centered居中，并添加了背景颜色来演示：

【讨论】：