how do I turn off the broken word in CSS? If the word contains the keyboard hyphenation, not the soft hyphen.
For example: One day talking to my first-year roommate
Asked
Active
Viewed 6,346 times
2 Answers
3
Use white-space: nowrap
p {
white-space: nowrap;
}
If you want use nowrap on only part of a text, you can simply put that text in a span element and then apply nowrap to it.
Another much simpler way to prevent just your hyphenated string from wrapping is to replace the keyboard hyphen with ‑. This will render it as a non-breaking hyphen.
putipong
- 350
- 1
- 9
-
while I am using the white space property in CSS, while I create the table the hyphened word will overwrite the table specified width. – vkfjs Jan 20 '16 at 02:50
-
I need to avoid the word break and soft hyphen in the specified width even though it contain the keyboard hyphen. – vkfjs Jan 20 '16 at 02:53
-
Make sure the div containing your text has position set to relative, as well as a specified width. – putipong Jan 20 '16 at 02:55
-
I've included an example on jsFiddle so you can see – putipong Jan 20 '16 at 03:03
-
thank you so much. If I need to do the word break at the same time keyboard hyphenated words do not break in the specified width, how to solve on this. – vkfjs Jan 20 '16 at 04:23
-
Won't this prevent any wrapping whatsoever, including on spaces? – Jan 20 '16 at 04:37
-
Not a problem. I've updated my answer. – putipong Jan 20 '16 at 04:43
-
Thank you the issue solved. – vkfjs Jan 20 '16 at 05:31
1
Take a look at word-wrap
// Don't force hyphenate
p { word-wrap: normal; }
// Force words to hyphenate
p { word-wrap: break-word; }
DACrosby
- 11,116
- 3
- 39
- 51
-
I'm not quite sure, but I don't think the OP is talking about forcing or not forcing; he is talking about allowing or not allowing. – Jan 20 '16 at 04:37