Bryte linjer i <pre> med CSS

[pgdx 9]

Er det ikke mulig?

 

Jeg har noe tekst som er i <pre class="msg">. Er det ikke mulig å sette width på den slik at linjene brytes om de blir for lange?

 

Jeg får det ihvertfall ikke til as we speak... :S

[FuLu 12]

Det vil nok ikke fungere Du kan prøve deg med white-space: normal; i tillegg. Men da blir hensikten borte med <pre>, eventuelt overflow: auto;

[funkweb 413]

Går det ann å gjøre slik ?

<div class="bredde">

<pre class="msg"></pre>

</div>

[haugsand 14]

Går det ann å gjøre slik ?

<div class="bredde">

<pre class="msg"></pre>

</div>

Nei, dessverre. Rota faktisk borti det samme i går, og erfarte at innholdet i pre ikke brytes.

[funkweb 413]

Oki, synd.

[pgdx 9]

Nei, dessverre. Rota faktisk borti det samme i går, og erfarte at innholdet i pre ikke brytes.

Den er lei...

[Unglar 0]

Hva er egentlig pre, og hva brukes d til??

[FuLu 12]

Alt som er inni en PRE (Preformatted text) vil bli visualisert slik du skrev det. Mellomrom, tab's, linjeskift osv vil bli vist slik du tastet det inn. Men den har restriksjoner, du kan ikke ha all verden med HTML inni denne igjen.

 

http://www.w3.org/TR/html401/struct/text.html#edef-PRE

 

I følge HTML401 så kan du ikke ha disse inni PRE: IMG|OBJECT|BIG|SMALL|SUB|SUP

[enden 28]

Må du bruke pre da? Det enkleste alternativet er jo å bytte ut hele pre taggen. Nå naer jo ikke jeg hvordan du implementerer dette da...

[pgdx 9]

Jeg laget nemlig en gjestebok der meldingen kom i pre, slik at jeg slapp å bytte ut enter med <br>.

 

Det som skjedde var at når folk ikke trykket enter, så fortsatte linjen rett frem.

[epsil 0]

I følge HTML401 så kan du ikke ha disse inni PRE: IMG|OBJECT|BIG|SMALL|SUB|SUP

Ironisk nok fungerer det fortsatt greit å spesifisere CSS-egenskaper på span-elementer innenfor pre.