Genellikle yeni bir paragraf ekleme ihtiyacı vardır, ancak paragraf etiketinin eklediği boş satır olmadan
Bazı metin parçaları için, paragraflar için benimsenen standart aralıklar basitçe uygunsuzdur. Bunlar, resimlerin altında ve tablolarda, şiirlerde, alıntılarda, dipnotlarda ve notlarda yazılar olabilir.
Zorla satır kaydırma için, işlevi adına gömülü olan özel bir etiket sağlanır (satırı kes - "satırı kes, satır"). Etiket
html köprü metni biçimlendirme dili, aşağıdaki tüm içeriğin yeni bir satırda başlaması gerektiği anlamına gelir. Gerekirse, istenen aralığı elde etmek için arka arkaya birkaç etiket koyabilirsiniz.
Etiket
büyük/küçük harf duyarlı değildir ve boş bir öğe olduğu için bir kapanış etiketi gerektirmez, ancak tüm etiketleri kapatmaya alışmak daha iyidir. XHTML'de break etiketi ters eğik çizgi ile "sıkıca kapatılmalıdır".
Break etiketi örneği
<р>Serviste yürümekр>
Başka hiçbir yerde ve asla
o kadar da kötü değildim
Açgözlü sürünün başkanları
beni canlı canlı kemiriyorр>
Serviste yürümek
Başka hiçbir yerde ve asla
O kadar da kötü değildim.
Açgözlü sürünün başkanları
Beni canlı canlı yiyor.
Etiket özelliği
Html etiketinin sahip olduğu tek özellik
, denir. Metnin, sağ/sol değerleri kullanan bir hizalama özniteliğine sahip bir görüntü veya CSS'de yüzer özellik.
XHTML 1.0 / HTML 4.01 spesifikasyonlarında clear niteliği yalnızca Transitional, Frameset ve, aksi takdirde kod çalışmayacaktır.
Etiket özelliği özellikleri
clear niteliğini uygulamanın etkisi, değerine ve kayan öğenin konumuna bağlıdır. Nitelik 4 değer alabilir:
Sol değer, sola hizalanmış öğenin etrafını sarmasını engeller, bu nedenle metin etikette "tökezler"
, görüntünün veya diğer kayan öğenin altına yerleştirilecektir.
Tam olarak aynı sonuç, ne sağa ne de sola asla izin vermeyecek olan all argümanı kullanılarak elde edilecektir.
Doğru değer, metnin sağa hizalanmış bir öğenin etrafına sarılmasını önler, bu nedenle etiketten sonra
metnin, resmin etrafından sağa doğru akıp gitmekten başka seçeneği kalmayacak.
Hiçbiri değeri ("ne sizinki ne de bizimki") clear özelliğinden tüm yetkiyi tamamen kaldırır ve etiket
hattı sessizce sarar.
Etiketin clear özelliği için varsayılan bir değer yoktur.
Etiket
yumuşak bir transfer
Satır sonu etiketi, paragraflar arasında gerekli boşlukları oluşturmak için çok kullanışlıdır; burada yumuşak bir kesme olarak kullanılır, ancak metni paragraflara bölme aracı olarak kullanılmaz.
Sonuçlar her zaman zarif olmadığından, metin biçimlendirme için yeni satır etiketine fazla kapılmamalısınız.
Örneğin, etiketi kullanırsanız
paragraf içindeki satırları çevirmek için, bu, web yöneticisinin hedeflediği pencereden daha küçükse, kullanıcının penceresinde bir "tarak" görünmesine neden olabilir.
Siteyi düzenlerken, web yöneticilerinin periyodik olarak bir sorusu vardır: Metin nasıl sarılır? Çoğu durumda, tarayıcı bu görevi kendi başına gerçekleştirir. Ancak bazen, özellikle yanlış aktarılırsa anlamını yitiren uzun kelime ve cümleleri şekillendirirken bu sürecin kontrol altına alınması gerekir.
sözcük kaydırma özelliği
HTML'de satırları ayırmak için özel bir etiket vardır.
. Ancak, çok sık kullanımı geliştiriciler arasında kötü bir biçim olarak kabul edilir ve genellikle profesyonellikten uzak olduğunu gösterir. Kanıt olarak, bir logonuz olduğunu ve her harfin yeni bir satırda başlamasını istediğinizi hayal edin:
Sonuç, herhangi bir geliştiricinin bir kültür şoku yaşayacağı hantal ve çirkin bir koddur. Peki ya logonun masaüstü versiyonunda yatay olarak, ancak ekran genişliği 550 pikselden az ise dikey olarak görüntülenmesini istiyorsanız? Bu nedenle, öğelerin görünümünü özelleştirmek için her zaman basamaklı stil sayfaları kullanın. Ayrıca CSS araçları yardımıyla satır sonları daha şık bir şekilde gerçekleştirilir. Aynı zamanda, yalnızca sayfa yükleme hızını azaltan gereksiz bir işaretleme yoktur.
Metin işleme için bakılacak ilk özellik kelime kaydırmadır. Üç değer alır: normal, hepsini kes ve hepsini tut. Çalışmak için her şeyi kırmayı hatırlamanız yeterlidir. Normal varsayılandır ve bunu belirtmenin bir anlamı yoktur. Hepsini tut, bir CSS belgesinde satır sonlarını önlemek anlamına gelir. Çince, Japonca ve Korece karakterler için özel olarak tasarlanmıştır. Dolayısıyla, bu dillerden herhangi birinde blog yazmayacaksanız, bu özelliğe ihtiyacınız olmayacak. Ayrıca Safari tarayıcısı ve iOS cep telefonları tarafından da desteklenmemektedir.
CSS kullanarak önceki örnekteki logoya her harf için yeni bir satır atamak için aşağıdaki kodu yazmanız gerekir:
P( yazı tipi: kalın 30 piksel Helvetica, sans-serif; genişlik: 25 piksel; sözcük kaydırma: tümünü kır; )
Yazı tipi genişliği ve boyutu, yalnızca bir harf için yeterli alan olacak şekilde seçilir. Break-all değerine sahip Word-wrap, tarayıcıya her seferinde sözcüğü yeni bir satıra kaydırmasını söyler. Bu özellik yeri doldurulamaz olarak adlandırılamaz. Ancak yorum alanları gibi metin içeren küçük bloklar tasarlarken kullanışlı olacaktır.
beyaz boşluk özelliği
Acemi web geliştiricilerinin yaptığı yaygın bir hata, metni boşluklarla düzenlemeye çalışmak veya Enter tuşuna basmak ve ardından çabalarının neden sayfada görünmediğini merak etmektir. "Enter" tuşuna ne kadar basarsanız basın, tarayıcı bunu görmezden gelecektir. Ancak metni istediğiniz şekilde görüntülemenin ve tüm boşlukları hesaba katmanın bir yolu var.
Bir CSS belgesinde, boşluk özelliğiyle atanan satır sonları, boşluklara saygı gösterecek veya Enter tuşuna basacak şekilde yapılandırılabilir. Ön satır değerine sahip beyaz boşluk, tarayıcının metinde Enter görmesine neden olur.
CSS kodunuzda ön-satırı ön-sarma olarak değiştirirseniz, satır kaydırma boşluk içerecektir. Tersine, beyaz boşluk özelliğini, nowrap değerine sahip metne ayarlayarak herhangi bir kaydırmayı devre dışı bırakın:
#wrapper p( renk: #FFF; dolgu: 10 piksel; yazı tipi: kalın 16 piksel Helvetica, sans-serif; beyaz boşluk: nowrap; )
metin taşması
Metinle çalışmak için bir başka kullanışlı araç da metin taşmasıdır. Satır kaydırmaya ek olarak, CSS özelliği, kap dolduğunda içeriğin kırpılmasına izin verir. İki değer alır:
- klip - sadece metni keser;
- üç nokta - bir üç nokta ekler.
Özelliğin çalışması için, öğenin ayrıca satır sonlarını ve gizli bir değerle taşmayı önleyecek şekilde ayarlanması gerekir.
Uzun sözcüklerin nasıl tireleneceğini belirleyin:
- yalnızca tire, boşluk veya Enter (boşluk ve bölünmez tire - hariç) olduğunda. Bir kelimenin bölümleri arasında, kelimelerin arasına bir tire (örneğin, kırmızı-sarı) yazılır - bir tire. "Yumuşak tire" - yalnızca tireleme gerektiğinde görünür. Sözcük ebeveynin kapsamı dışındaysa, o zaman
veya bir kısmını kısa çizgi olmadan aktarır. Eksi, matematiksel ifadelerde kullanılır (örneğin, 5 − 2). Telefon numaralarında sayısal bir çubuk görüntülenir (örneğin, +7 800 000‒00‒00). Ve tüm bunlar tanıdık değil - klavyede. - herhangi bir karakterden sonra
- bir kısa çizginin otomatik kullanımı ile Rus dilinin kurallarına göre.
taşma sarma
kelime kaydırma
kelime sonu
satır sonu
kısa çizgiler
1999 kilomuz zaten yeniden incelendi buldozer yükleyici
Bir mülk ile diğeri arasındaki fark nedir
Varsayılan olarak, uzun sözcükler kısa çizgi ile açıkça belirtilmediği sürece sarmalanmaz ve yeni bir satırda başlar.
Gözle hemen görülebilen kısa çizgileri yok saymak için sözcük kesmeyi sunuyoruz: hepsini tut; .
Tarayıcının yumuşak kısa çizgiye dikkat etmemesi için kısa çizgi ekleriz: yok; .
Sözcük kaydırma gerekliyse, sözcük kaydırma: kesme sözcüğü; Tüm tarayıcılar tarafından anlaşıldığı için her zaman kullanmanızı tavsiye ederim. Sözcük kesmeden farklıdır: her şeyi kesme; , bloğa sığmayan kelimelerde öncelik taşıyan , yeni bir satırda başlar ve yumuşak kısa çizgi önerisine uyar.
Birlikte kullanıldığında sözcük kesme: tümünü kesme; tire ile: otomatik; , ikincisi göz ardı edilir. tireler: otomatik; herhangi bir tireyi kendi takdirinize göre yerleştirir. Ancak çalışması için div içinde lang="ru" niteliğini belirterek dilinizi belirtmeniz gerekir.
Kelimeleri başka bir satıra sarma
Diyelim ki bir menü öğesi veya düğmesi parçalanırsa iyi görünmüyor. Bu nedenle, ayrılmalarını yasaklamak gerekir. Neden yukarıdaki tüm özellikler "varsayılan" moda ayarlanmalı ve . Tıklayın ve poligonumuza bakın.
Tire olduğunda sözcük kaydırmayı yönetin: auto;
tetrahidropiranilsiklopentiltetrahidropiridopiridin
CSS3 metni metin sarma ve içerik içindeki metnin kırpılmasıyla ilgili sorunları çözmek için metinle çalışma özelliklerini içerir.
CSS3 Metin Biçimlendirme Özellikleri
1. Metin taşma çizgisini kırpma
Özellik, kabın içine sığmadığında, görsel olarak kırpıldığında veya üç nokta ile görüntülendiğinde metnin uzunluğunu sınırlamanıza olanak tanır. Özellik yalnızca aşağıdaki koşullar belirtildiğinde çalışır: kapsayıcının genişliği tanımlanmalıdır, öğenin değerlerine sahip olmalıdır overflow: hidden ve white-space: nowrap . Miras alınmadı.
Sözdizimi
P ( genişlik: 300 piksel; taşma: gizli; beyaz boşluk: nowrap; metin taşması: üç nokta; ) 1. Metin taşması özelliğiyle metni kırpın
2. Sözcük kırma kelimelerinin içine sarın
Normal bir durumda, kelimeler boşluklar veya kısa çizgilerle ("yumuşak kaydırma") başka bir satıra kaydırılır veya öğe kullanılarak zorunlu sarma durumunda
. Bu özellik, uzun satırların kap içindeki boşluğu tamamen doldurması için sözcükler içinde tireleme kuralları ayarlamanıza olanak tanır. CJK (Çince-Japon-Korece) dilleri için kullanılmaz. Miras.
Sözdizimi
P (kelime sonu: normal;) p (kelime sonu: tümünü kes;) p (kelime sonu: hepsini tut;)
3. Kelimeleri word-wrap dizesine sarın
Metnin kabına sığmadığı ve sınırlarının dışına çıktığı durumlarda kullanılır. Uzun kelimeleri bölmenize ve bir sonraki satıra sarmanıza izin verir. Miras. Yalnızca boşluk değeri satır sonlarına izin veriyorsa tetiklenir.
Metin belgelerini bir tarayıcıda görüntülerken, bir paragraf içindeki satır sonunun konumu, yazı tiplerinin boyutuna ve görünüm alanının boyutuna bağlı olarak otomatik olarak belirlenir. Satır sonları yalnızca sözcük ayırıcı karakterlerde (örneğin boşluklar) gerçekleştirilebilir. Bazen belgelerde, tarayıcı ayarlarından bağımsız olarak uygulanan zorunlu bir satır beslemesi ayarlamak gerekir. Bunun için zorunlu satır besleme etiketi kullanılır.
karşılık gelen bir bitiş etiketi olmayan . Etiket Ekleme
belgenin gövdesine eklemek, sonraki metnin yeni bir satırın başından itibaren yerleştirilmesini sağlayacaktır. Örneğin, bu yaklaşım, özel liste işaretleme etiketleri kullanmadan liste tipi yapılar oluşturmak için kullanılabilir. Veya örneğin, bu etiket şiirleri vb. görüntülemek için vazgeçilmezdir.
Zorla satır besleme kullanımına bir örnek (Şekil 1.8):
Karanlık Petrograd'ın üstünde
Kasım sonbahar soğuğu soludu.
Gürültülü bir dalgada acele
İnce çitinin kenarında,
Neva bir hasta gibi koştu
Yatağınızda huzursuz.
AS Puşkin. bronz atlı
Pirinç. 1.8. Etiket
satır sonunu zorlamak için kullanılabilir
Paragraf etiketinden farklı olarak
etiketi kullanırken
boş dize oluşturulmaz.
Etiket kullanımı
dikkat gerektirir - tarayıcı, etiketinizle tanışmadan önce bir veya iki kelimelik bir satır beslemesi yapmış olabilir
. Bu, okuyucunun görüntüleyici penceresinin genişliği, belgenizi test ettiğiniz programdaki aynı ayardan daha küçükse gerçekleşir. Bu durumda, bir paragrafın ortasındaki satırda yalnızca bir kelimenin kaldığı ve böylece belgenin düzeninin güzelliğini ihlal ettiği ortaya çıkabilir.
Not
etiketi kullanırken
metni kırmak, bir resmin veya tablonun etrafına sarmak için, metin kaydırmayı durdurmak için SİL seçeneğini ayarlayabilirsiniz. Bununla ilgili daha fazla bilgiyi 3. ve 4. bölümlerde okuyabilirsiniz.
etiketler sen
Bir satır beslemeyi yasaklamak için zıt amacın çalışmasının gerekli olduğu durumlar vardır. Bunun için bir kapsayıcı etiketi var.
Not
Tabloların hücrelerinde yer alan metnin sürekliliğini sağlamak için NOWRAP etiketine özel bir parametre vardır.
Bölünmez satır etiketiyle metni işaretleme
, bir kapanış etiketine ihtiyaç duymaz.
Not
Etiket
Altın Numaralar Güzel bir telefon numarası nasıl satılır
Kripto para madenciliği: basit kelimelerle nedir
En iyi dizüstü bilgisayar işletim sistemi: Eksiksiz inceleme
Sınıf arkadaşlarından müzik indirmek için programlar Sosyal ağ sınıf arkadaşlarından üzücü bir şarkı indirin
Yandex tarayıcısının mobil versiyonu