CSS column-count Not Rendering in PDF

Greg Sheppard's Avatar

Greg Sheppard

14 Jul, 2020 12:53 AM

Hello Everyone,

I have an inline html <ul> with the column-count property set to 4 and it looks great in Marked 2 but an exported PDF strips it out and gives me a list with one column. Can anyone tell me how to preserve this layout?

<ul style="column-count:4">
  <li>Something</li>
  <li>Something</li>
  <li>Something</li>
  <li>Something</li>
  <li>Something</li>
  <li>Something</li>
  <li>Something</li>
  <li>Something</li>
</ul>
  1. Support Staff 1 Posted by Brett on 14 Jul, 2020 12:00 PM

    Brett's Avatar

    I'm not sure why, but WebKit doesn't seem to recognize column-count in print mode. You get the same result if you save the HTML and open it in Safari and try to print from there. Marked uses WebKit's print system to generate PDFs, so it suffers the same fate.

  2. Support Staff 2 Posted by Brett on 14 Jul, 2020 12:07 PM

    Brett's Avatar

    More info on the WebKit behavior, if you're curious https://stackoverflow.com/questions/5738908/css-columns-breaking-wh.... Apparently column support was disabled in print because pagination wasn't working well, which makes sense.

  3. 3 Posted by Greg Sheppard on 14 Jul, 2020 09:28 PM

    Greg Sheppard's Avatar

    Alas, I should have thought to test that out myself.

    Thanks for the info though!

    Greg

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac