wbr Etiketi
wbr etiketi, tarayıcının gerektiğinde
(metin elemanın genişliğine sığmazsa)
bir satır sonu yapabileceği yeri belirtir.
Bu tür satır sonlarına yumuşak satır sonları denir.
Kapanış etiketi gerektirmez.
wbr etiketi aracılığıyla bir kelime taşındığında,
taşıma sembolü "-" eklenmez. Eğer
buna ihtiyacınız varsa - yumuşak taşıma
sembolü ­ kullanın (sonundaki
noktalı virgül zorunludur, bu bir yazım hatası değildir).
Yumuşak taşıma ­, tarayıcıya
(bir taşıma sembolü "-" koyarak) gerektiğinde
bir kelimeyi taşıyabileceği yeri belirtir.
hyphens özelliği none değerine
ayarlandığında yumuşak taşımalar ­
çalışmaz (ancak wbr taşımaları çalışır).
Örnek . Taşımasız Metin
İçinde uzun kelimeler olan ve blok sınırlarını aşan bir metin örneğine bakalım. Bloğa, içindeki büyük kelimenin sığmayacağı kadar küçük bir genişlik verelim:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Örnek . wbr Etiketi
Burada ise, tarayıcıya gerektiğinde bir kelimeyi
taşımasını önermek için wbr etiketini
ekleyelim (tarayıcının bizim belirttiğimiz her yerde
değil, bazı yerlerde taşıma yaptığına dikkat edin):
<div id="elem">
this is super<wbr>super<wbr>super<wbr>long text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Örnek . ­ Sembolü
wbr etiketi yerine ­
sembolünü kullanmayı deneyelim. Taşıma
yapılan yerlerde tire işaretleri görüntülenecek:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Ayrıca Bakınız
-
yeni bir satıra taşıma yapan
bretiketi -
gerçek kelime taşımalarını ayarlayan
hyphensözelliği -
uzun bir kelimenin harflerinin taşınmasına izin veren
word-breakveoverflow-wrapözellikleri -
blok sınırını aşan kısımları kesen
overflowözelliği
