The max width is being ignored when are are no spaces in between words. Is there any way to override, or fix this?
div {
border: 1px solid black;
max-width: 100px;
}<div>
testtesttesttesttesttesttesttesttest
</div>
Asked
Active
Viewed 54 times
-1
misterManSam
- 24,303
- 11
- 69
- 89
frosty
- 2,559
- 8
- 37
- 73
-
1`word-wrap: break-word`, I'm sure this question has been asked before. [Browser support is good.](http://caniuse.com/#feat=word-break) – misterManSam Jul 03 '15 at 01:58
-
@misterManSam works. Post as answer if you want points. – frosty Jul 03 '15 at 02:01
-
@mistermansam No answers showned up because I didn't search it using the keyword 'wordwrap'. Didn't even know what it was. – frosty Jul 03 '15 at 02:06
-
No worries, it can be difficult if you don't have the right keyword. I did not downvote as the question is fine and will serve as another signpost to the answer. – misterManSam Jul 03 '15 at 02:09
-
I agree with @misterManSam , – SmootQ Jul 03 '15 at 02:25
1 Answers
1
Try the word-wrap css property.
word-wrap: break-word
SmootQ
- 2,096
- 7
- 33
- 58
-
1
-
sorry, I forgot hhh, I mean word-wrap: break-word...not white-space...Iwill edit – SmootQ Jul 03 '15 at 02:00