Break word on post view

**SunSet.** · 05-14-2016, 08:48 AM

I don't really know how to explain my problem, I hope you will understand.

When somebody posts something (large), normaly the next word goes on the next row but I want the word to go completly there not like this

Code:

test tes
t test te
st

I already use Break-word.

Code:

.media-body {
    max-width: 80%;
    word-wrap: break-word;

IMAGE: http://i.imgur.com/9mmxaAL.png

**VIPStephan** · 05-14-2016, 11:13 AM

If you don’t want the words to break then you should not use word-wrap: break-word, i. e. remove this if you want words to go to the next line completely and not break.

**SunSet.** · 05-14-2016, 01:48 PM

If I use no break, this will not go to the next line... will be one line only.

**VIPStephan** · 05-14-2016, 10:05 PM

OK, then we need to see your code (HTML and CSS) as there could be numerous reasons why this is happening. If I’m guessing instead of word-wrap: break-word; you should use white-space: normal; (I’m assuming that somewhere there could be a white-space: nowrap; rule you need to override).

**deathshadow** · 05-15-2016, 03:38 AM

The behavior you're looking for -- breaking the word if it's too big to fit the ENTIRE line -- while wrapping if it's small enough to fit, simply does not exist.

There are only two real behaviors:

1) word-wrap:normal -- which breaks when and only when there's whitespace.

2) word-wrap:break-word which will ALWAYS wrap WHEREVER it needs to wrap regardless of where spaces are.

Technically the white space property can add a third behavior, "PRE" which obeys all characters contained within literally, but that's really not related to what you are asking.

if you wanted for example a 18 character wide break, so that

aaaaaaaaaaaaaaaaaaaaaaaaa

is displayed as:

aaaaaaaaaaaaaaaaa
aaaaaaa

BUT you want:

test test test test test test

To display as:

test test test
test test test

and not:

test test test te
st test test

CSS and HTML can't do both at the same time, it's one or the other. You either break at whitespace ONLY, or break at the width limit ONLY, there is no in-between.

**SMTPL** · 05-17-2016, 08:08 AM

If you want to go next line then you can use break keyword with tags like <br>. Break tag is used for break for one line.

Thread: Break word on post view

Thread Tools

Rate This Thread

Break word on post view

Tags for this Thread

Posting Permissions