Как центрировать контент
Как я могу ЦЕНТРИРОВАТЬ все содержимое статьи (текст должен оставаться выровненным по левому краю)? Спасибо! (Я использую тему Wordpress и не знаю, как это исправить. Я начинающий кодер.)
можешь выложить скриншот или хотя бы коды?
проблема в container CSS. у него есть как width:80%, так и margin-left:auto / margin-right:auto. margin-left и margin-right верны - они обеспечивают центрирование всего div. однако ширина искажает содержимое. вы можете создать новое имя класса CSS и присвоить ему другую ширину
Ответы 4
Вы можете установить фиксированную ширину для элемента primary и добавить margin: 0 auto;, чтобы он располагался по центру. Например:
Измените html области содержимого с:
<div id = "primary" class = "content-area col-md-9"></div>
к:
<div id = "primary" class = "content-area centered"></div>
и добавьте css:
.content-area.centered {
max-width: 75%;
margin: 0 auto;
}
проблема заключается в этом правиле CSS. Чтобы исправить это, просто установите отступ на 0px. Это конкретное правило CSS, вероятно, находится в файле style.css этой темы.
.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {
// padding: 30px; (before)
padding: 0px; // fixed
}Добавьте это в .row -
.row {
display: flex;
justify-content: center;
}
Wordpress поддерживает Bootstrap. Попробуй это:
<div class = "col-lg-3"></div>
<div class = "col-lg-6" style = "text-align: left;">
<!-- YOUR ARTICLE HERE -->
</div>
<div class = "col-lg-3"></div>
надеюсь ты правильно понял..
Поместите их в одну и ту же оболочку
divи установите для этого div css наtext-align: center;? Кстати, лично мне нравится, как сейчас.