Force line break

Posted in: Newspaper
Post count: 95
enterpr1se
#16427
Jul 23, 2014 at 6:56 pm

Hi,

May I ask the settings of force line break in CSS?
Some words like URL doesn’t line break in mobile
Thanks a lot
http://www.enterpr1se.info/2014/07/responsive-adsense-breakpoints/

Post count: 9544
simchris
#16431
Jul 23, 2014 at 7:35 pm

Hi, if you’re talking about line-wrap for long lines …
you might look at this:
http://www.w3schools.com/cssref/css3_pr_word-wrap.asp

You’d likely add the line-wrap function you want to the main CSS file for the theme, under the mobile @media section.

Post count: 95
enterpr1se
#16469
Jul 24, 2014 at 5:59 am

Hi, I had add the following code in custom CSS but it doesn’t work

html {
	-ms-word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
Post count: 6600
Lucian
#16506
Jul 24, 2014 at 4:39 pm

Hi,

Please use this css in Theme Panel > Custom CSS:

@media(max-width: 768px){
code {
white-space: normal !important;
}
}

Thanks

Post count: 95
enterpr1se
#16557
Jul 25, 2014 at 5:44 am

Thx so much, it work

Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.