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
Sorry for reporting a lot of issues 😅
Render a document with root element has display: flex, vivliostyle only renders one page.
Why is supporting flexbox important?
Supporting flexbox is useful if someone wants to justify columns vertically, like this page:
Fair use 🙃
Columns are aligned vertically, not just right and left, which I think can be achieved with a flexbox by increasing gaps between headers and paragraphs to make them fit.
The text was updated successfully, but these errors were encountered:
Update: flexbox is not enough to align columns vertically, you need every line in the right column to align with the line in the left column, which requires headers and images to have heights that are integer multiple of line height. This requires javascript postprocessing to modify margins of images.
I think your case can be achieved using column-count: 2 on the root element and float-reference: column; float: top for figures (see: https://drafts.csswg.org/css-page-floats/), and using rlh length unit to specify heights of figures to align lines of both columns.
Sorry for reporting a lot of issues 😅
Render a document with root element has
display: flex
, vivliostyle only renders one page.Why is supporting flexbox important?
Supporting flexbox is useful if someone wants to justify columns vertically, like this page:
Fair use 🙃
Columns are aligned vertically, not just right and left, which I think can be achieved with a flexbox by increasing gaps between headers and paragraphs to make them fit.
The text was updated successfully, but these errors were encountered: