Ortada CSS kullanımı: metin ve tablo

metinler ve tablolar - Bilgi tüm unsurlarıyla dünya ve unsurları, kelimeler ve metinler yakınlaştırılması ile temsil edilir veya son örneği resmileştirdi içinde. Diğer zaten bilinen, düşünebiliriz veri yapılarını, hem de fotoğraflarını fakat açısından CSS ve HTML sorunlarını kullanmak biçimlendirme metin farklı bir tutum kalan bilgi formları.

Uygun sitesi sayfa yapısı, her elemanın konumunu belirlerken kapsar. HTML dokümanı her zaman - Ekrandaki öğelerin bir dizi doğrudan üç temel kurallar tarafından etkilenir:

• Mutlak konumlandırma (pozisyon);
• akımında nokta;
• Z-dizini.

Diğer konaklama seçenekleri de önemlidir CSS ile sorunu çözmek için daha fazla bilgiye ihtiyaç "metnin merkezinde."

Merkezleme ve hizalama kuralları

CSS kuralları HTML belgesini tamamlamak, ancak herhangi bir hizalama seçeneği ile başa çıkabilir ikincisi hakkı olmaksızın. diğer hizalama genelde değeri kaybeder mobil cihazlar aynı anda her yerde ve daha basit ve "diklik" yönünde bakım tasarımı, geçerli merkezleme sorununu yapar.

sayfanın ana unsuru - ünite kesin bir stili tanımladı. Genellikle yatay hizalama: sadece dört değerleri (merkez, sağ, sola yaslamak) yaşandığı gibi text-align alabilir. Doğru yüksekliği ve hat yüksekliğinin değerini en iyi birleştirerek dikey hizalama gerçekleştirebilir:

{
yüksekliği: 88px; // bu oranda
satır yüksekliği: 88px; // metin Merkezi için css - Dikey
}

Farklı kurallarla deneme yapabilirsiniz. ; masa, görüntü:: Tablo-hücre ve vertical-align: kaynaklar blok gösterim kurallarının yorumlanması konusunda söz bulundu orta; ama her zaman işe yarıyor.

tablolar metin hizalama

olan tek veri yapısı ilk anlaşılmış ve ölümsüz olmak - tabloyu. Sağladığı ve dikey ve yatay hizalama, ek olarak, tabloları kullanarak, CSS merkezinde metnini ne kadar sorusu artık karmaşık bir anlamı vardır.

işaretlemesinde belirli bir amaca ulaşmak için CSS kurallarını kullanarak mevcut uygulama her zaman değil Basamaklı Stil Sayfaları kavramını karşılar. Hiçbir şey üç sütun ve üç sıra tablosunun orta hücresine içerik yerleştirilerek, herhangi bir yönde hizalama işlemini gerçekleştirmek için geliştirici önler.

Bu karar, standart, ama etkili değil. Bunun yerine uzun ve titiz çapraz tarayıcı sayfasının sorunu çözmek veya sağ, kenar boşlukları sol bekliyoruz ve böyle devam eder. Sen tablolarda hücrelerin basmakalıp yüzde genişlik ve satır yüksekliklerini kullanabilirsiniz.

JavaScript aracılığıyla Hizalama

sorusu temel çözüm algoritması, tarayıcı dili "Nasıl HTML merkezli metni yerleştirmek" ve çok daha pratik ve muhteşem bir tasarıma sahiptir.

Tasarım Stil Dosyalar zaten dere gitti ve hemen hemen her Kendisine saygısı içerik yönetim sistemi geliştiricisi Her durum için stilleri ayarlar sağlar. Ama hayat her zaman betonu gerektirir: orta yerde CSS metin ile ne kadar, düşünmek sıfırdan her zaman gereklidir. ünitesinde hizalama amaçlı Seçeneği sayfanın kenarındaki "yapışık" ama farklı elementlerden inşa edilmiştir boyutu, pek müsait blok pop-up menü, çünkü.

Görünür merkezli - bu başlangıçta biliniyordu hangi engellemek için her zaman kolay değildir nereye sol tarafı ve kaç piksel sağa, üst, ve o dibe garanti etmez - dikey hizalama gerçekleştirmelidir hangi çizgi bu.

stil içeriği tarafından belirlenmelidir Bir eğilim. normal metin için tek ek - Daha fazla site ziyaretçi bilgilerini görsel ve ses vardır. karakterleri (bu sanat, resim, müzik, vb web siteleri için geçerli değildir) içeriği istenen Yani - olduğu ziyaretçiye gerekli bilgilerin bir soru.

metin ve HTML Özellikleri sunumu

Olanlar sayfa içeriğinin ayrılmaz bir unsuru - metin değil, kelime. Semantik - geliştirici (site sahibi) yetkisidir. Aslında metin bir etiketi de teslim edilebilir, yani doğal bir cümle bir karakter dizisi ve karakterleri içeren etiketlerin dizisi sadece olabiliyor. Bu durumdan, "metnin merkezinde" "sert" CSS basit durumlarda sadece koyabilmesi izler.

tarayıcı için Sunucu iade talebi çok geniştir ve her zaman görüntülenir şeyle ilgili birçok öğeler içerir. sayfanın düzenini tasarlarken sunum açısından önem, özellikle uyum yerleştirmek önemlidir. Daha iyi bir şey tarayıcısında bir istemci olan sunucu üzerinde yapmak. Her zaman sonuca odaklanmak, CSS kuralları güvenmeyin çok daha pratiktir.