CSS taşan yazıyı kelimeyi bölmeden alt satıra alma

BeecoV

BeecoV

Kilopat
Katılım
18 Mayıs 2015
Mesajlar
186
Çözümler
2
Merhabalar,

Benim bir çıktım var. Tablo kolonu içerisinde. "Deneme Deneme" şeklinde. word-wrap: break-word; yaptığımda yazıyı :

"Denem
e Deme
e"

olarak bölüyor. Ben kelimeyi bölmeden, bozmadan alt satıra geçirmesini istiyorum.

"Deneme
Deneme"

Şeklinde. Hangi CSS özelliğini kullanmam gerekiyor?
 
(css dosyanız)
{
width: 200px;
border: 1px solid #000000;
word-wrap: break-word;
}

genişliği hangisini seçerseniz o aralıklarda böler
 
word-wrap: break-word; ihtiyaci nerede duyuldu? word-wrap'in default degeri olan: word-wrap: normal; senin istedigin sonucu vermeli zaten.
 
LitElement kullanıyorum Javascript'te. Çektiğim CSS dosyaları kapalı kaynak bir yerden alınıyor. Ben o stilleri ezmek için etiketin içerisine style="" ile kendi stillerimi tanımlıyorum. Başka bir yerden stil dosyası geldiği için ve kapalı kaynak olduğu için gerçek genişlik değerini görüntüleyemiyorum. Benim için tek sorun, cümleyi kırıp alt satıra yazarken kelimeyi de bölmesi. Kelimeyi bölmeden direkt olarak aşağı almasını istiyorum.
 
BeecoV dedi:
LitElement kullanıyorum JavaScript'te. Çektiğim CSS dosyaları kapalı kaynak bir yerden alınıyor. Ben o stilleri ezmek için etiketin içerisine style="" ile kendi stillerimi tanımlıyorum. Başka bir yerden stil dosyası geldiği için ve kapalı kaynak olduğu için gerçek genişlik değerini görüntüleyemiyorum. Benim için tek sorun, cümleyi kırıp alt satıra yazarken kelimeyi de bölmesi. Kelimeyi bölmeden direkt olarak aşağı almasını istiyorum.
Genişletmek için tıkla...

Hocam CSS tanımlamasını yaparken önce dışarıdan aldığınız kaynağı sonra sizin kendi CSS dosyanızı tanıtın en son okutulan CSS dosyası her zaman ezici olur. HTML dosyaları yukarıdan aşağıya doğru okunduğu için... Style="" tanımlaması ile uğraşmak zorunda olmazsınız.
 
BreaKSooN05 dedi:
Hocam CSS tanımlamasını yaparken önce dışarıdan aldığınız kaynağı sonra sizin kendi CSS dosyanızı tanıtın en son okutulan CSS dosyası her zaman ezici olur. HTML dosyaları yukarıdan aşağıya doğru okunduğu için... Style="" tanımlaması ile uğraşmak zorunda olmazsınız.
Genişletmek için tıkla...
Hocam evet, !important yaparak da ezerim en olmadı, o tarz bilgilere sahibim fakat, komponentin olması gereken genişlik tanımı bilmediğim için, 100% versem de aynı oluyor sonuç değişmiyor.
 
BeecoV dedi:
Hocam evet! İmportant yaparak da ezerim en olmadı, o tarz bilgilere sahibim fakat, komponentin olması gereken genişlik tanımı bilmediğim için, 100% versem de aynı oluyor sonuç değişmiyor.
Genişletmek için tıkla...

Div'e padding verebilirsiniz. İçeriden biraz boşluk bırakır. Harfler ve kelimeler için Word-wrap ve white-space kodlarını test edebilirsin. Kodları paylaşmadığın için tam yardımcı olamıyoruz.

En kötü sağ tık yapıp kodları incelerken dışarıdan aldığın CSS kodlarına dikkat et. Default olarak harflerin aşağıya inme durumu yok diye biliyorum.

Buldum galiba => W3Schools online HTML editor
 
Son düzenleme:

Benzer konular

Elekrono
Java alt satıra yazı yazdırma
Mesaj
5
Görüntüleme
12B
berk1937
berk1937
UmutK2
Python  Kod yazarken alt satıra nasıl geçilir?
Mesaj
8
Görüntüleme
863
RedisCache
RedisCache
CelikHakan
Python'da çıktı alt satıra nasıl yazılır?
2
Mesaj
15
Görüntüleme
19B
CelikHakan
CelikHakan
Rosedale
HTML kod içerisinde alt satıra geçme
Mesaj
3
Görüntüleme
782
Rosedale
Rosedale
Furkannnn
C dilinde bir alt satıra nasıl geçilir?
Mesaj
6
Görüntüleme
100
SeniorMarquies
SeniorMarquies

Yeni konular

Yeni mesajlar

Geri
Yukarı