Hyphenation entirely through css, how to implement?

Hello.

How to make hyphenation completely, at the moment, if the word does not fit, then it divides by the dotted line, I want to make to the word is not shared, and transferred completely to a new line.
July 4th 19 at 23:25
3 answers
July 4th 19 at 23:27
Solution
You understand that you have a transfer ALREADY programmed? Looking for a piece of code to program your current hyphenation and delete/comment it out. Put in your code something like this:
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
Here is the style for header

.services_item_title {
font-size: 12px;
text-transform: uppercase;
text-align: center;
margin-top: 20px;
font-weight: 400;
color: #ffffff;
margin-left: 20px;
margin-right: 20px;
height:50px;
} - lavonne_Kloc commented on July 4th 19 at 23:30
Here's a screen, he takes the word but divides it, and it is necessary to completely transferred, not shared. c2n.me/3CmTiMr - lavonne_Kloc commented on July 4th 19 at 23:33
Not quite sure what to remove and what to leave in style. - lavonne_Kloc commented on July 4th 19 at 23:36
: You have somewhere in the Normalizer or in styles of the framework with which you are working is set. But in principle it is possible to rewrite with !important for those elements that are essential. Need to add a property: "hyphens: manual !important;" - ladarius.Schmeler9 commented on July 4th 19 at 23:39
Open the code inspector, the tab where the "compiled style" and look for the line where it says about the hyphens property. Further circuite into it and see in what place the CSS specified. Take it from here.

Or just kill for the selectors. - Elmer.Upt commented on July 4th 19 at 23:42
That's so worked hyphens: manual !important; and it works in any browsers?

hyphens - on found in css in body was, I think che does not works. and what better way to write this is hyphens: manual !important;

or

-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto; - lavonne_Kloc commented on July 4th 19 at 23:45
You can REMOVE it where found "hyphens - on found in css in body was." The option !important will work in all browsers, but it is only a last resort. This option cannot be used in productions) (you can, but for that normal developers will throw you stones) - jordy_Zemlak73 commented on July 4th 19 at 23:48
: and Yes, when you have more than two margin-ov – write them in one line
margin: 20px 20px 0;
Just a good tone) - jordy_Zemlak73 commented on July 4th 19 at 23:51
: what to write?
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;

it? - lavonne_Kloc commented on July 4th 19 at 23:54
: no particular difference how to write margin, just slightly shorter code ) - lavonne_Kloc commented on July 4th 19 at 23:57
: not write anything you need, just remove) And on account of margina: Yes, no difference, but when the bloc more than 20 styles, it is better to see what his margin than individually.) - jordy_Zemlak73 commented on July 5th 19 at 00:00
July 4th 19 at 23:29
not working, I have not divided the word, and are full bore on a new line. - lavonne_Kloc commented on July 4th 19 at 23:32
July 4th 19 at 23:31
The hyphens property tells the browser how to hyphenate words in a block of text.

hyphens
this option is not suitable, I tried it, the whole word does not carry on a new line. - lavonne_Kloc commented on July 4th 19 at 23:34

Find more questions by tags CSS