Play SAH Search Log in Register / Forams

SUPERJER FORAMS

CSS Or HTML Linebreaks IN Words

if( while ) switch{ coding } ++ — Page [1]

molkman
Owner of George Washington's Prototype Mittens

2005 May 2 • 2066
404 ₧

Y'know, normally when displaying a text on a webpage that is longer than a line, line breaks are added between words. However, I'd like them to be in words, even without dashes.

So neither

  code
Blabitty 
blabitty bla bla

nor

  code
Blabitty bla-
bitty bla bla 

But:

  code
Blabitty bla
bitty bla bla

Is that possibleeeeeee?

LET LOVE REIGN

≡

2010 May 27 at 18:39 UTC — Ed. 2010 May 27 at 18:39 UTC

the_cloud_system
polly pushy pants

2008 Aug 1 • 3081
-6 ₧

molkman said:

Y'know, normally when displaying a text on a webpage that is longer than a line, line breaks are added between words. However, I'd like them to be in words, even without dashes.

So neither

  code
<{Blabitty}>
blabitty bla bla

nor

  code
Blabitty bla-
bitty bla bla 

But:

  code
Blabitty bla
bitty bla bla

Is that possibleeeeeee?

I drink to forget but I always remember.

≡

2010 May 27 at 20:34 UTC

SRAW
Rocket Man

2007 Nov 6 • 2525
601 ₧

BLAH

≡

2010 May 28 at 01:50 UTC

SuperJer
Websiteman

2005 Mar 21 • 6670

I don't think so. Unless there is some crazy CSS option for that I'm unaware of.

You'll need to do that server-side if you can.

Or javascript I guess.

≡

2010 May 28 at 03:51 UTC

molkman
Owner of George Washington's Prototype Mittens

2005 May 2 • 2066
404 ₧

Okay, but server-side would change it on the whole site, right? I just want it in certain places.

LET LOVE REIGN

≡

2010 May 28 at 16:47 UTC

protobuf
The artist formerly known as RibsRizeRainbmo

2010 Apr 15 • 14

The following CSS3 properties may work, but I don't think they're supported in most browsers.

text-wrap: unrestricted;
word-wrap: break-word;

≡

2010 May 28 at 17:08 UTC

SuperJer
Websiteman

2005 Mar 21 • 6670

molkman said:

Okay, but server-side would change it on the whole site, right? I just want it in certain places.

Server-side you can choose where to modify the content like that. For example if you are running PHP:

php code

<?php
if(/* wrap $content HARD! */)
{
  echo preg_replace( "~.{70}~", "\\0<br>", $content );
}
else
{
  echo $content;
}
?>

That will insert a <br> every 70 characters depending on what you put for the if's condition.

≡

2010 May 28 at 22:49 UTC

SuperJer
Websiteman

2005 Mar 21 • 6670

protobuf said:

text-wrap: unrestricted;
word-wrap: break-word;

Well let's try it:

text-wrap: unrestricted;
Here's some test content for wrapping and smashing to little bits of putrid ectoplasmicalmatterbits. Your rotten hamlion spawn is heavier than a wet sack of concrete bananas!

word-wrap: break-word;
Here's some test content for wrapping and smashing to little bits of putrid ectoplasmicalmatterbits. Your rotten hamlion spawn is heavier than a wet sack of concrete bananas!

≡

2010 May 28 at 22:54 UTC — Ed. 2010 May 28 at 22:55 UTC

the_cloud_system
polly pushy pants

2008 Aug 1 • 3081
-6 ₧

superjer: breaking forum physics

I drink to forget but I always remember.

≡

2010 May 29 at 00:31 UTC

molkman
Owner of George Washington's Prototype Mittens

2005 May 2 • 2066
404 ₧

Cool.

But is it like, working sometimes? "Ecoplasmical" is in a new line.

Update: Looks like it still "obeys" certain "break points" or something.

LET LOVE REIGN

≡

2010 May 29 at 10:20 UTC — Ed. 2010 May 29 at 10:34 UTC

SuperJer
Websiteman

2005 Mar 21 • 6670

Looks to me like word-wrap: break-word; does just what you want on Chrome. I don't know about other browsers.

≡

2010 May 29 at 19:18 UTC

Rockbomb
Dog fucker (but in a good way now)

2009 Nov 14 • 2045

I <3 Chrome

≡

2010 May 29 at 19:20 UTC

molkman
Owner of George Washington's Prototype Mittens

2005 May 2 • 2066
404 ₧

Hm, my Chrome doesn't. Apparently it still only breaks words at "logical" points and not smashing everything like a crazy viking.

LET LOVE REIGN

≡

2010 May 29 at 20:55 UTC

Page [1]