CSS3列有保证金问题的儿童// Chrome

Question

http://dev.metertech.co.uk/technologies/patents-and-licensing

在上面的页面上，您可以看到第二列从顶部向下推了一下。

在页面调整大小时，问题会自行纠正。

所有其他页面，即使是<p> .content个.page .content { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .content p { margin: 0 0 15px; } p { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } body { font-size: 15.5px; letter-spacing: 0.4px; line-height: 2; } 标记的页面，也会正确呈现列。

我不知道如何让它正确对齐。有任何想法吗？

以下是我认为您可能认为相关的款式。

$(this).next().children('#slidinghold').delay(5000).queue(function(){
    $(this).toggleClass("slidein").dequeue();
});

Answer 1

即使我没有对此问题的解释，您是否尝试过使用display: inline-block作为段落？应用它似乎解决了chrome的问题。

.content p {
    display: inline-block;
}