white-space: pre-wrap

@ 15:48

Miksei toimi kun laitan laatikon (<div>) muotoiluihin että white-space: { pre-wrap; } ja sitten siinä laatikossa olevassa tekstissä on whitespacea rivin alussa, niin sitä ei näytetä vaan se romahdutetaan?

Esimerkki:

<style TYPE="text/css">
<!--

div#esim-040513-1 {
  white-space: pre-wrap;
  color: white;
}

-->
<div id="esim-040513-1">
foo bar foo bar foo bar foo
tähän asti sisentämätöntä tekstiä
   tämä rivi on sisennetty kolmella välillä
tämä rivi on taas sisentämätön
</div>


Ja se muotoutuu käytännössä näin:

foo bar foo bar foo bar foo
tähän asti sisentämätöntä tekstiä
tämä rivi on sisennetty kolmella välillä
tämä rivi on taas sisentämätön


Itse asiassa kaikki whitespace romahtaa kuin koko valinnalla ei olisi mitään vaikutusta! foon ja barin välillä on aina vain yksi väli, vaikka CSS-speksi sanoo että:

pre-wrap
This value prevents user agents from collapsing sequences of whitespace. Lines are broken at newlines in the source, at occurrences of "\A" in generated content, and as necessary to fill line boxes.


Ja tuossa myös tosielämän esimerkki siitä miten pre-wrap ei toimi, sillä lainattu kappale kuuluu luokkaan nimeltä longquote, jonka olen määritellyt nimenomaan pre-wrapattavaksi (Sopan tyylitiedostossa).




Kommentit (0):





Kommentointi on suljettu.

« Takaisin pääsivulle