CSS Multi-column Layout - Chrome не позволяет иметь правый столбец длиннее левого? - PullRequest
Новая
       50

CSS Multi-column Layout - Chrome не позволяет иметь правый столбец длиннее левого?

0 голосов
/ 05 мая 2019

я только что закодировал свой сайт.Я фотограф, поэтому весь мой контент - картинки.Каждое отдельное изображение организовано в отдельном блоке.

Я использовал гибкий многостолбцовый макет: 

.content {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
max-width:1400px;
}

Explorer и Firefox отлично работают, но Chromedoes не позволяют правому столбцу бытьдлиннее левого, и это выглядит ужасно:

http://www.rosioffenbach.com/tarotpt1.html

Looooooot пробелов с правой стороны.

Я очень благодарен за вашу помощь.Я должен сказать, что я новичок.

Я пытался

-webkit-column-fill: balance;-webkit-column-fill: баланс-все;Но у меня не получилось 

.content {
width:70%;
position: relative;
margin-right: auto;
margin-left: auto;
padding-top:1%;
max-width:1400px;
}


.content {
  -webkit-column-count: 1;
  -webkit-column-gap: 3%;
   -moz-column-count: 1;
 -moz-column-gap: 3%;
  column-count: 1;
  column-gap: 3%;
}

Я хочу, чтобы, как и в Firefox и Explorer, столбцы были как можно более одинаковыми, и это включает в себя вариант, что правый столбец длиннее левого.

1 Ответ

0 голосов
/ 05 мая 2019

Попробуйте удалить display: inline-block из .contentstrecke{ }. После этого удаления Firefox и Chrome выглядят одинаково.

...