0

Как без бубна, создания множества дополнительных классов и js сделать так, чтобы блоки не прижимались к левому боку, а выравнивались по центру, независимо от размера экрана?

html

<div class="class">Текст текст текст текст</div>
<div class="class">Текст текст текст текст</div>
<div class="class">Текст текст текст текст</div>
<div class="class">Текст текст текст текст</div>
<div class="class">Текст текст текст текст</div>
<div class="class">Текст текст текст текст</div>
<div class="class">Текст текст текст текст</div>
<div class="class">Текст текст текст текст</div>
<div class="class">Текст текст текст текст</div>
<div class="class">Текст текст текст текст</div>
<div class="class">Текст текст текст текст</div>
<div class="class">Текст текст текст текст</div>
<div class="class">Текст текст текст текст</div>
<div class="class">Текст текст текст текст</div>

CSS

html, body
{
    margin: 0;
    padding: 0;
}
div
{
    background: red;

}

.header
{
    height: 100px;
    width: 1%;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    font-size: 500%;
}
.class{

    border: 3px solid black;
    margin: 3px;
    float: left;
    display: box;
    display: flex;
}

2 ответа 2

1
  1. Обернуть все в div
  2. Убрать у class float: left;
  3. Назначить class margin: auto;
0

Добавьте в .class

justify-content: center;

По идее должно сработать

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.