ulostulo:
<p>hello <br> How are you </p>
koodi:
<p>hei <br> Mitä kuuluu? </p>
Miten saavuttaa sama tulostus ilman <br>
?
Mahdotonta samalla HTML-rakenteella, sinun on erotettava Hello
ja How are you
jotenkin toisistaan.
Ehdotan, että käytät span
-merkkejä, jotka sitten näytetään lohkoina (aivan kuten <div>
itse asiassa).
HTML:
<p><span>hello</span><span>How are you</span></p>
CSS:
p span
{
display: block;
}
Voit käyttää white-space: pre;
saadaksesi elementit toimimaan kuten <pre>
, joka säilyttää rivinvaihdot. Esimerkki:
<style>
p {
white-space: pre;
}
</style>
<p>hello
How are you</p>
Huomaa, että tämä ei toimi IE6:ssa tai IE7:ssä. En tiedä IE8:sta.
Sekä Vincent Robertin että Joey Adamsin vastaukset ovat päteviä. Jos et kuitenkaan halua muuttaa merkintää, voit vain lisätä <br />
javascriptin avulla.
Sitä ei voi tehdä CSS:ssä muuttamatta merkintää.