css - 垂直对齐 3 个背景图像

Question

如何使用 CSS 使 3 个图像彼此相邻？

目前，我的图像无法正确显示。这是它的外观 http://i43.tinypic.com/2yzmomg.png

#container {
width: 960px;
margin: 150px auto 0;
text-align: left;
background-color: #FFFFFF;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #b53913;
background:url('burger1.jpg'),url('burger2.jpg'),url('burger3.jpg');
background-repeat: no-repeat, no-repeat, no-repeat;
background-size:500px, 50px, 700px, 50px, 1200px, 50px
}

Answer 1

您可以将背景位置属性与图像宽度一起使用。假设您的图像宽度为 200px，那么您的代码应如下所示。

background-position: 0px 0px, 200px 0px, 400px 0px;