CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
dunnoman
dunnoman

Reputation: 37

Long strings and keeping full words CSS issue

I'm using Bootstrap typical div container. I have two problems to solve:

  1. Not allowing long strings to overflow the div contrainer
  2. To keep words not braked, like if word reaches limit, full word goes below

This is what I've got:

word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;

It basically works for not letting long strings to overflow the div, but cut words in peaces, like:

something, somethi
ng, something, som
ething, etc.

Any ideas?

Upvotes: 0

Views: 30

Answers (1)

viks
viks

Reputation: 1408

Instead of word-break: break-all; Use word-break: normal;. it will work.

Upvotes: 2

Related Questions