Split Text in

Question

I have a very long text without space. For example,

<div style="width: 179px">
WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
</div>

I want to split this text into lines with maximum width 179px. Do you know how to do that?

http://stackoverflow.com/questions/1638223/is-there-a-way-to-word-wrap-text-in-a-div the answer — eliprodigy, Nov 20 '12 at 08:51

score 7 · Answer 1 · answered Sep 22 '11 at 16:39

7

Use CSS.

word-wrap: break-word;

answered Sep 22 '11 at 16:39

duri

14,991
3
44
49

score 2 · Answer 2 · answered Sep 22 '11 at 16:40

2

This won't work in ALL browsers, but it should at least work for most (this is CSS):

#your_div {
  white-space: pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

answered Sep 22 '11 at 16:40

Blender

289,723
53
439
496

score 1 · Answer 3 · answered Sep 22 '11 at 16:39

1

I think the css3 word-wrap:break-word property will sort this out for you.

answered Sep 22 '11 at 16:39

JHolyhead

984
4
8

score 1 · Answer 4 · answered Sep 22 '11 at 16:40

1

Add the style word-wrap: break-word; to the div. It is a CSS3 property that works in ALL browsers (even IE5!)

answered Sep 22 '11 at 16:40

Chris G.

3,963
2
21
40

score 1 · Answer 5 · answered Sep 22 '11 at 16:40

1

You can apply the CSS style "word-wrap: break-word;" to the element.

Here's an example

You can also apply WBR tags to the word and it will split it according to those tags.

Here's an example of that
Learn more about wbr tags

answered Sep 22 '11 at 16:40

Cory Danielson

14,314
3
44
51

score 1 · Answer 6 · answered Sep 22 '11 at 16:43

1

I would suggest word-wrap: break-word

answered Sep 22 '11 at 16:43

simoncereska

3,035
17
24

score 1 · Answer 7 · answered Sep 22 '11 at 17:12

1

Just see below the link,

http://jsfiddle.net/xj56D/2/

answered Sep 22 '11 at 17:12

anglimasS

1,304
2
16
41

score 0 · Answer 8 · answered Sep 22 '11 at 16:42

0

Use word-wrap: break-word:

http://jsfiddle.net/gilly3/fS5cX/

answered Sep 22 '11 at 16:42

gilly3

87,962
25
144
176

Split Text in

8 Answers8