Drupal照片不对齐

Question

我试图让6张小照片在水平线上对齐，但是我试图让它在css中内联阻止的任何地方都没有帮助。我该怎么办？ http://www.kiriosities.com/products/carnevale-di-venezia-mirror

Answer 1

给出以下css：display:flex会使您的图片处于水平线，而justify-content: space-around;会在它们之间留出空间。

.field-items {
    display: flex;
    justify-content: space-around;
}

修改

如果您不想居中，请从justify-content移除.field-items并使用以下css：

.field-item {
    padding: 0 10px;
}

详细了解flexbox here.它将支持所有最新的浏览器。