HTML'de yazılan yazı nasıl tek kutuya sığdırılır?

  • Konuyu başlatan Konuyu başlatan MNakruf
  • Başlangıç Tarihi Başlangıç Tarihi
  • Mesaj Mesaj 3
  • Görüntüleme Görüntüleme 185

MNakruf

Yetkin
Katılım
30 Mart 2024
Mesajlar
663
Makaleler
3
Çözümler
10
Beğeniler
488
Yer
Türkiye
Merhaba,

Elimde HTML'de yapılmış bir tablo var. Tabloyla ilgili birkaç düzenleme yapmam gerekiyor. Bu düzenlemelerden birisi <td> etiketi içerisine girilen sayıyı tek bir satır da göstermesini sağlamak. Bir diğeri de girdiğim sayının tablodan taşmaması gerekiyor.

Örneğin benim istediğim görüntü;


Ortaya çıkan görüntü;


Yardımcı olursanız çok sevinirim. Teşekkürler.
 
Son düzenleyen: Moderatör:
Tek satırda tutmak için bunları kullanabilirsiniz:
CSS:
white-space: nowrap; # Bu alt satıra geçmesini engeller
overflow: hidden; # Bu bloktan taşan içeriğin görünmesini engeller
text-overflow: ellipsis; # Bu da taşan kısmı ... ile bitirir. Devamı olduğunu belirtir yani opsiyonel bir seçenek.

Düzenleme: Sizin şu anki kodunuzda herhangi bir CSS elementi var mı? Ortaya çıkan görüntüde sanki tablonun boyutu sayfa boyutuna ayarlanmış gibi duruyor o da sıkıntı olabilir.
 
Düzenleme: Sizin şu anki kodunuzda herhangi bir CSS elementi var mı? Ortaya çıkan görüntüde sanki tablonun boyutu sayfa boyutuna ayarlanmış gibi duruyor o da sıkıntı olabilir.
Hayır. Asıl tablo bu değil. Bunu örnek olsun diye koydum.
 
merhaba,

Taşan içerik için isterseniz scroll bar çıkmasını sağlayabilirsiniz ya da yazının sonuna üç nokta ekleyerek devam ettiğini belirtebilirsiniz.

Scroll bar için:

word-wrap: break-word;
max-height: 120px;
overflow-y: auto;

Üç Nokta Çıkması İçin:

white-space: nowrap; /* Yazının tek satırda kalmasını sağlar */
overflow: hidden; /* Taşan içeriği gizler */
text-overflow: ellipsis; /* Taşan kısma üç nokta ekler */
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…