Выровнять 3 div, пока левый и правый являются только повторяющимися-x, а середина центрирована

#html #css

#HTML #css

Вопрос:

Мне нужно выровнять 3 раздела.

1 div с левой стороны без указания размера, это всего лишь повтор-x в 1 пиксель.
1 div по центру от центра к центру.
1 div с правой стороны без указания размера, это всего лишь повтор в 1 пиксель-x

Спасибо за ваш отзыв.
То, о чем я прошу, — это возможность поместить изображение в середину страницы.
НО: с правой и левой стороны изображения есть 2 области, которые могут увеличиваться в зависимости от разрешения экрана.
Эти области представляют собой изображения с повторением 1 пикселя-x.
Пожалуйста, обратите внимание: изображение с правой и левой стороны — это не одно и то же изображение!

Ниже картинка с эскизом, который (я надеюсь) объяснит мою проблему:

введите описание изображения здесь Спасибо

1. Почему .middle элемент является дочерним элементом .left элемента, это правильно?

2. Пожалуйста, набросайте, чего вы пытаетесь достичь

3. Если левый и правый равны 1px, почему у вас 100% правила? У вас также есть два брата и сестры в вашем DOM со 100% на них. У вас также есть middle как дочерний элемент left? Пожалуйста, перефразируйте этот вопрос лучше.

Ответ №1:

Для чего вам нужен последний «правый» div? Центральный элемент должен быть заключен в контейнер как таковой:

     .background: {
      position: relative;
      background-image: (your image);
      background-repeat: repeat-x;
    }
    .middle: {
      margin: 0 auto;
      width: 1446px;
      background-image: (another image);
      text-align: center;
    }

     <div class='background'>
        <div class='middle'></div>
    </div>

Вы должны включить еще несколько описаний того, чего вы пытаетесь достичь. Это немного размыто.