html - 对齐3个div，左右只repeat-x，中间居中

Question

我需要对齐 3 个 div。

• 左侧没有指定大小的 1 个 div，它只是一个 1 像素的 repeat-x。
• 1 div 在中间居中到中心。
• 右侧没有指定大小的 1 个 div，它只是一个 1 像素的 repeat-x

感谢您的反馈。
我所要求的是在页面中间放置图像的可能性。
但是:在图像的右侧和左侧，有 2 个区域可以根据屏幕分辨率增长。
这些区域是“1 像素重复 x”图像。
请注意:右侧和左侧的图片不是同一张图片!

在一张带有草图的图片下方(我希望)可以解释我的问题:

谢谢

Answer 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>

您应该包含更多关于您要完成的任务的描述。有点模糊。