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

Tek satırda tutmak için bunları kullanabilirsiniz:

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.

MNakruf dedi:

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ü;
Eki Görüntüle 84303

Ortaya çıkan görüntü;
Eki Görüntüle 84304

Yardımcı olursanız çok sevinirim. Teşekkürler.

Genişletmek için tıkla...

Küçültmek için tıkla...

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 */