#html #css #bulma
Вопрос:
Я возвращаюсь к интерфейсу, поэтому я делаю себе страницу портфолио для практики, я использую css-фреймворк под названием Bulma.Я не могу понять, почему «1» слева не по центру. У меня всего 4 дива в теле, 1 для размещения 3 столбцов и 3 столбца размером в три трети
Вот как выглядят мои дивы. Мне не хотелось создавать навигационную панель в традиционном CSS, поэтому я использовал для этого фреймворк. Я использую среду разработки repl, вот веб-сайт, на котором вы можете просмотреть мою проблему.
Я в основном просто хочу, чтобы эти 3 раздела были по центру, чтобы я мог добавить текст в средний раздел, помеченный как «2». Я сделал два других дива, чтобы я мог установить некоторые «границы».
<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>
Комментарии:
1. Пожалуйста, проясните вашу конкретную проблему или предоставьте дополнительные сведения, чтобы точно указать, что вам нужно. Поскольку это написано в настоящее время, трудно точно сказать, о чем вы просите.
Ответ №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 и добавил цвет фона, чтобы продемонстрировать:
