Node-html-pdf: Flex is not Wroking

Created on 12 Sep 2020 · 4Comments · Source: marcbachmann/node-html-pdf

I am using Flex for styling the html but it is not working in the pdf.

Source

hishamabutt

👍10

Most helpful comment

I found this answer from StackOverflow very helpful, just add -webkit prefix to all your flex properties. I tried it out and it worked perfectly for me!

display: -webkit-flex;
-webkit-flex-direction: row;
-webkit-flex: 1;

madhavkaneriya on 5 Jan 2021

👍5

All 4 comments

add this css
display: -webkit-box;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
display: flex;
flex-wrap: wrap;

add this in package.json

       "browserslist": [
"Safari >=4"

]

rongliangduan on 19 Sep 2020

👍4 👎2

I found this answer from StackOverflow very helpful, just add -webkit prefix to all your flex properties. I tried it out and it worked perfectly for me!

display: -webkit-flex;
-webkit-flex-direction: row;
-webkit-flex: 1;

madhavkaneriya on 5 Jan 2021

👍5

You can use float instead of flexbox or grid.