html - Drupal 照片不对齐

Question

我试图让 6 张小照片在一条水平线上对齐，但我试图在 css 中将其插入内联 block 的所有地方都无济于事。我该怎么办？ 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;
}

编辑:

如果不想居中，则从 .field-items 中删除 justify-content 并使用以下 css:

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

了解更多关于 flexbox here. 的信息它将支持所有最新的浏览器。