Viewing 8 replies - 1 through 8 (of 8 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The CSS is still applying in Chrome. In the bigger picture what is the issue?

    Thread Starter FCJvanderVleuten

    (@fcjvandervleuten)

    The problem is, in Chrome, words in the main articles are not break-
    ing up <- like this.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’m not seeing this issue in Chrome on the page you linked, sorry. Try clearing your cache.

    Thread Starter FCJvanderVleuten

    (@fcjvandervleuten)

    I made a printscreen of the problem:

    Is this the same word-wrap as you see in Chrome?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Have you added this stuff

    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;

    Thread Starter FCJvanderVleuten

    (@fcjvandervleuten)

    Yes sir, this is the complete code. Added it now but it won’t work.

    .site-content article {
    	border-bottom: 4px double #ededed;
    	margin-bottom: 72px;
    	margin-bottom: 5.142857143rem;
    	padding-bottom: 24px;
    	padding-bottom: 1.714285714rem;
    	word-wrap: break-word;
    	-webkit-hyphens: auto;
    	-moz-hyphens: auto;
    	-ms-hyphens: auto;
    	hyphens: auto;
    }
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Odd, it may be a general problem rather than a WordPress one, have you tried googling for this? E.g.: https://kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/

    Thread Starter FCJvanderVleuten

    (@fcjvandervleuten)

    Tried some, but didn’t work.

    Found this though:

    https://caniuse.com/css-hyphens

    Is it really impossible to hyphenate is Chrome?

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘word-wrap/break word in Chrome fails.’ is closed to new replies.