Здравствуйте. Пытаюсь подружить колонки с Google Chrome. Картинки вылетают за пределы страницы создавая дополнительные 1 или 2 столбца. Internet Explorer отображает корректно. Разъезжается даже если 3 столбца сделать… Подскажите что можно сделать…
.page-list-ext .page-list-ext-item {
clear: both;
margin: 0px 0px 30px 0px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.page-list-ext .page-list-ext-image {
float: left;
display: inline;
margin: 10px 10px 10px 0px;
vertical-align: top;
.page-list-cols-2,
.page-list-cols-3,
.page-list-cols-4,
.page-list-cols-5 {
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.page-list-cols-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.page-list-cols-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.page-list-cols-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.page-list-cols-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
}
