Question

我有一个奇怪的CSS问题似乎只存在于Safari中。

我有5个行的行。没有尝试使这个响应，每个框是160px宽，它们适合900px的设置宽度容器。

仅在Safari中，当框标题包裹在两行上时，整个框被向上推到行外。这不会发生在IE，Opera，Firefox或Chrome中。任何人都可以解决可能导致这种情况的原因并提出修复方法吗？这让我有点疯狂......

Answer 1

经过大量的实验后，我想出了这个：将两个容器的显示更改为flex。

.post_gallery_row {
    margin-bottom: 21px;
    padding-bottom: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.post_gallery_item {
    width: 160px;
    margin-right: 21px;
    margin-left: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

我不知道是什么原因造成了这个错误，但这至少是一件事，我希望它会有所帮助。

div中的换行符仅限于Safari中的格式

1 个答案: