113
Views
4
Comments
Solved
How to make style in print 
Question

Hello,

I have an issue now in html page the size of the text is OK , 

but when I moved into print page it's be like this picture so how can I fix it ! and control the size of the text on print page! 

133.JPG
2018-08-26 20-34-32
Pankaj pant
Solution

Yousef Ahmed wrote:

Hello,

I have an issue now in html page the size of the text is OK , 

but when I moved into print page it's be like this picture so how can I fix it ! and control the size of the text on print page! 


As I can see the attached image having a text without space so you should wrap the text in HTML.


using CSS 

word-break: break-all;


once you apply this CSS to the without space text it will show you the correct output in print screen.


Regards,

Pankaj

2019-06-15 21-39-22
Afonso Carvalho
 
MVP

Hi Yousef,

When you say you moved to the print page, do you mean you're trying to print the page and you'd like to adjust the layout?

You can add specific CSS that will only be used in a print layout with the @media keyword. There's a good primer about it on the Mozilla Web Docs.

UserImage.jpg
Youssef2020

Afonso Carvalho wrote:

Hi Yousef,

When you say you moved to the print page, do you mean you're trying to print the page and you'd like to adjust the layout?

You can add specific CSS that will only be used in a print layout with the @media keyword. There's a good primer about it on the Mozilla Web Docs.

Yes , I mean when I want to print I already used but same it's not working to make the text size which I want

134.JPG
2020-02-28 09-46-54
Eduardo Jauch

Hello Yousef,

How are you printing the page?
In the page, the text appears as it should?
Are you printing from Chrome? Edge? Firefox?

Cheers.

2018-08-26 20-34-32
Pankaj pant
Solution

Yousef Ahmed wrote:

Hello,

I have an issue now in html page the size of the text is OK , 

but when I moved into print page it's be like this picture so how can I fix it ! and control the size of the text on print page! 


As I can see the attached image having a text without space so you should wrap the text in HTML.


using CSS 

word-break: break-all;


once you apply this CSS to the without space text it will show you the correct output in print screen.


Regards,

Pankaj

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.