css Hyphens not working in chrome

Question

In my project paragraph (in p tag) i have give text-align:justify; but in some words there more space comes so for this solution i try: HTML code:

<p>What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

CSS code:

p{
    text-align:justify;
    word-break: break-all;
    hyphens: auto;
}

but in this code mozilla works but not work in chrome,for this i try

p{
    text-align:justify;
    -ms-word-break: break-all; 
    word-break: break-all; 
    word-break: break-word; 
   -webkit-hyphens: auto; 
   -moz-hyphens: auto; 
   hyphens: auto;
}

below css there -webkit- is used for chrome right but still not working please help, please give the solutions......

In case anyone else made the mistake I did, hyphens only work if you declare the language in the HTML tag. for example: `` — ToddPadwick, Jul 16 '21 at 07:36

score 7 · Answer 1 · answered Dec 08 '17 at 13:44

7

This is a known bug in Chrome for Windows, Linux, and ChromeOS.

answered Dec 08 '17 at 13:44

Quentin

914,110
126
1,211
1,335

1

im using google chrome latest version (62.0.3202.94). – design metR Dec 08 '17 at 13:46
1

@designmetR — So? That bug isn't marked as "fixed" in any version. – Quentin Dec 08 '17 at 13:47
Is there any other solution because its working fine in Mozilla Firefox. – design metR Dec 08 '17 at 13:48
this bug bit me tooo ! – sqlchild May 10 '19 at 15:05

css Hyphens not working in chrome

1 Answers1