css-hyphens | 易学教程

Automatic, soft hyphenation in CSS

阅读更多关于 Automatic, soft hyphenation in CSS

问题 In December last year, CSS3 Hyphens support supposedly came to Chrome . Also, IE should be on board, in addition to other major browsers. Update: Upon receiving the answers below, I understand that I misinterpreted the footnote on caniuse.com. It says: 'Only supports the auto value on Mac for now' . I interpreted this as meaning 'On the Mac, only the auto value is supported for now' . But what is really meant is 'The Mac is the only platform where the auto value is supported for now' .

CSS Hyphens Not Working in Firefox?

阅读更多关于 CSS Hyphens Not Working in Firefox?

问题 I am attempting to use CSS Hyphens. They work in IE 11 and Safari but does not work in Firefox properly and I am unsure why. Here is an example: .container{ width: 16.6667%; background:#ccc; } h3{ font-size: 0.95rem; font-weight: 600; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } <div class="container"> <h3>DIAGNOSEVERFAHREN</h3> </div> When you run the snippet in Firefox the word DIAGNOSEVERFAHREN overflows the container and does not break. In Safari and IE

css break word with hyphen

阅读更多关于 css break word with hyphen

问题 I want to break the long word with the hyphen at the end of the first line. Expected: BERUFSBILDUNGSZENT- RUM Got this: BERUFSBILDUNGSZENT RUM Here's my html and css: <div class="content">BERUFSBILDUNGSZENTRUM</div> .content { max-height: 80px; width: 200px; overflow-x: hidden; word-wrap: break-word; padding: 10px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; font-weight: bold; font-size: 16px; border: solid 1px #000; } You can check my JSFiddle 回答1: Chrome

How can I use hyphenation in Google Chrome browser?

阅读更多关于 How can I use hyphenation in Google Chrome browser?

I use the following css to auto hyphen text in my website: -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; But in chrome this has no effect. I already read, that chrome doesn't support this. Is there any workaround for hyphenation in chrome? Thanks! Hyphenation is currently supported on Chrome only on Android and macOS (and only the "auto" value), as you can see here: http://caniuse.com/#search=hyphens I used Hyphenator too, as suggested by Eric. Soft hyphens can be applied with JavaScript (best solution) or any server-side language, however, that answers the

How can I use hyphenation in Google Chrome browser?

阅读更多关于 How can I use hyphenation in Google Chrome browser?

问题 I use the following css to auto hyphen text in my website: -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; But in chrome this has no effect. I already read, that chrome doesn't support this. Is there any workaround for hyphenation in chrome? Thanks! 回答1: Hyphenation is currently supported on Chrome only on Android and macOS (and only the "auto" value), as you can see here: http://caniuse.com/#search=hyphens I used Hyphenator too, as suggested by Eric. 回答2: Soft