Veritabanından bir tablo hücresine bir paragraf göstermek istiyorum.
Sonuç, veritabanında nasıl organize edildiğini göz ardı eden büyük bir 1 satırdır. örneğin 'girişleri' yok saymak (yeni satırlar)
Tam olarak veritabanına nasıl yazıldığına göre göstermek istiyorum.
Örneğin paragraf şu şekilde kaydedilirse:
hello ,
my name is x.Bunun yerine tam olarak böyle gösterilmesini istiyorum:
hello, myname is x.Yanıtlar:
white-space:preUygun olana uygulanan CSS'yi kullanmak istiyorsunuz <td>. Bunu tüm tablo hücrelerine yapmak için, örneğin:
td { white-space:pre }Alternatif olarak, işaretlemenizi değiştirebiliyorsanız <pre>, içeriğinizin etrafında bir etiket kullanabilirsiniz . Varsayılan olarak web tarayıcıları, aynı white-space:prekuralı bu öğeye uygulamak için kendi kullanıcı aracısı stil sayfasını kullanır .
PRE öğesi, görsel kullanıcı aracılarına ekteki metnin "önceden biçimlendirilmiş" olduğunu söyler. Önceden biçimlendirilmiş metni işlerken görsel kullanıcı aracıları:
- Beyaz alanı olduğu gibi bırakabilir.
- Metni sabit aralıklı yazı tipiyle işleyebilir.
- Otomatik kelime kaydırmayı devre dışı bırakabilir.
- Çift yönlü işlemeyi devre dışı bırakmamalıdır.
white-space: pre;bir <td>etikete uygulandığında göz ardı edilen bir durumdayım . <pre></pre>İçeriğimizi sarmak için kullanmak iyi çalışır, ancak bu tablonun (excel'e dışa aktarım) kullanılması nedeniyle, çok sayıda sütun ve satır dışa aktarılan dosyanın boyutunu balonlar ve excel'in dosyayı okurken çökmesine neden olur. (garip, biliyorum). Bunu gören veya bir çözüm fikri olan başka biri var mı?
style="white-space:pre-wrap; word-wrap:break-word"Bu yeni hat sorununu çözecektir. ön etiket, gerekenden daha fazla CSS ekler.
<pre>Etiket sadece izin satır karakterleri ötesinde sürü şey yok, ama bu stil ayarları tek sorun takdim çözmek.
İçeriği bir <pre>(önceden biçimlendirilmiş metin) etiketine sarın
<pre>hello ,
my name is x.</pre>Bu sorunu çözmek için iki öneri:
ÇÖZÜM 1: <div style="white-space:pre;">{database text}</div>veya<pre>{database text}</pre>
Metninizin html etiketleri veya css özellikleri yoksa bu iyi bir çözümdür. Ayrıca, örneğin sekmelerin korunmasına izin verir.
ÇÖZÜM 2: Değiştir \nile<p></p> or <br/>
Bu, diğer metin özelliklerini veya biçimlendirmesini kaybetmeden yalnızca kesme satırları eklemek istiyorsanız bir çözümdür. Php'de bir örnek şöyle olacaktır:$text = str_replace("\n","<br />",$database_text);
Ayrıca <p></p>veya kullanabilirsiniz <div></div>, ancak bu biraz daha fazla metin ayrıştırma gerektirir.
Sunucu tarafı kodunuzda, yeni satırları ( \n) ile değiştirin <br/>.
PHP kullanıyorsanız, kullanabilirsiniz nl2br()
Merhaba ben de aynı şeyi yapmam gerekiyordu! Neden diye sormayın ama python kullanarak bir html oluşturuyordum ve bir listedeki öğeler arasında döngü yapmak ve her öğenin bir tablonun TEK HÜCRESİ İÇİNDE kendi satırını almasını sağlamak için bir yönteme ihtiyacım vardı.
Br etiketinin benim için iyi çalıştığını buldum. Örneğin:
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD>
item 1 <BR>
item 2 <BR>
item 3 <BR>
item 4 <BR>
</TD>
</TR>
</TABLE>
</BODY>Bu istediğim çıktıyı üretecek.
Her satırdan sonra html kod etiketini kullanıyorum (aşağıya bakın) ve benim için çalışıyor.
George Benson </br>
123 Main Street </br>
New York, Ny 12344 </br>
aşağıdaki kod bana sihir gibi çalışıyor >>
td { white-space:pre-line }\nİçine koymak istediğiniz bir dize değişkeniniz tdvarsa, deneyebilirsiniz
<td>
{value
.split('\n')
.map((s, index) => (
<React.Fragment key={index}>
{s}
<br />
</React.Fragment>
))}
</td>
white-spaceyaygın olarak desteklenen bir CSS 2.1 özelliğidir. IE8'de test edildi, harika çalışıyor.