You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When using the CSS column-count property on a div, the 1st column ends up one line lower than the others.
Here's some example code, done by adding a div with the style "column-count: 2" to the intro of the Paged HTML Document template.
Here's the result:
I've tried adding a bunch of other properties to try to fix it to no avail:
I even tried using some javascript to fix it, but no luck also:
Any help you could give would be much appreciated!
The text was updated successfully, but these errors were encountered:
thoughthollow
changed the title
CSS column-count property results in the 1st column being higher than the others
CSS column-count property results in the 1st column being lower than the others
Sep 16, 2022
I managed to resolve the issue by first making a class (".reportcols") which would apply the style I wanted ("column-count:2; column-fill: balance;").
Then I applied another line of code that would target all elements under it, and apply a margin top of zero pixels.
Hello,
When using the CSS column-count property on a div, the 1st column ends up one line lower than the others.
Here's some example code, done by adding a div with the style "column-count: 2" to the intro of the Paged HTML Document template.
Here's the result:
I've tried adding a bunch of other properties to try to fix it to no avail:
I even tried using some javascript to fix it, but no luck also:
Any help you could give would be much appreciated!
The text was updated successfully, but these errors were encountered: