我正在实现一个带有图像的轮播。轮播宽度为 960 像素，在宽度为 960 像素/5 = 192 像素(高度为 119 像素)的容器中包含 5 张图像。
我希望图像在其容器内尽可能大，而不改变图像的纵横比。我还希望图像在其容器内水平和垂直居中。
通过数小时的修改，并使用 center 标签，我成功地构建了上面描述的内容。请看 fiddle here .
问题出在第二张图片的容器上(如黑色边框所示)。当第二张图片水平居中时，容器向下移动了一点。
我正在尝试在图像上实现叠加，并且需要所有容器都处于相同的高度。我怎样才能让容器都在同一高度？有没有不使用 center 标签的更好/更清洁的方法？
最佳答案
您可以将 vertical-align:top; 添加到您的 #carousel-images .image{} css
或中间或底部...
呃？为什么我对此投了反对票？
关于html - 调整图像大小，并在容器内水平和垂直居中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15693242/