css'den <br /> kullanmadan nasıl satır kesilir?

çıktı:

<p>hello <br> How are you </p>

kod:

<p>merhaba <br> Nasılsınız </p>

Aynı çıktıyı <br> olmadan nasıl elde edebilirim?

T.Todua
Edited question 2018ösp48ös16 Kasım 2018 в 4:48
Programlama
css3 html css
2010ööp22öö7 Nisan 2010 в 7:22
35 görünümler
Çözüm

Aynı HTML yapısı ile imkansız, Hello ve How are you arasında ayrım yapacak bir şeyiniz olmalı.

Daha sonra blok olarak görüntüleyeceğiniz spanları kullanmanızı öneririm (aslında bir <div> gibi).

HTML:

<p><span>hello</span><span>How are you</span></p>

CSS:

p span 
{
    display: block;
}
Vincent Robert
Edited answer 2014ööp2öö9 Ekim 2014 в 9:02
Yorumlar (7)

Öğelerin yeni satırları koruyan <pre> gibi davranmasını sağlamak için white-space: pre; kullanabilirsiniz. Örnek:


 p {
  white-space: pre;
 }

<p>hello
How are you</p>

Bunun IE6 veya IE7'de çalışmadığını unutmayın. IE8 hakkında bir bilgim yok.

Yorumlar (4)

Hem Vincent Robert hem de Joey Adams'ın cevapları geçerlidir. Bununla birlikte, işaretlemeyi değiştirmek istemiyorsanız, javascript kullanarak sadece bir <br /> ekleyebilirsiniz.

Biçimlendirmeyi değiştirmeden CSS'de bunu yapmanın bir yolu yoktur.

Vincent Robert
Edited answer 2010ösp48ös13 Nisan 2010 в 1:48
Yorumlar (2)