CSS Kullanarak Bir Tablo Ortaya Basit Bir Yol

Tabloyu ortalamak için tek bir kod satırı

Basamaklı Stil Sayfaları (CSS), HTML ve XHTML ile yazılmış web sayfalarının görsel stilini ayarlamak için en sık kullanılan bir stil sayfasıdır. Web tasarımında veya CSS'de yeni olabilir ve bir web sayfasındaki bir tablonun nasıl ortalanacağıyla ilgili sorularınız olabilir. Ayrıca, şu anda CENTER etiketi ve align = "center" özniteliğinin TABLE etiketinde kullanımdan kaldırıldığı konusunda bu tekniği nasıl uygulayacağınız konusunda deneyimli deneyimli bir tasarımcı da olabilirsiniz. CSS ile, bir web sayfasındaki orta sınıf tabloları hiç de zor değil.

Tabloyu Ortalamak için CSS'yi kullanın

Tüm tabloları yatay olarak ortalamak için CSS stil sayfanıza tek bir satır ekleyebilirsiniz:

tablo {margin: otomatik; }

veya aynı satırı doğrudan tablonuza ekleyebilirsiniz:

Bir web sayfasına bir tablo yerleştirdiğinizde, bunu BODY, P, BLOCKQUOTE veya DIV gibi blok seviyeli bir öğeye yerleştirirsiniz. Tabloyu, bu öğe içindeki kenar boşluğunu kullanarak ortalayabilirsiniz : auto; tarzı. Bu, tarayıcıya tablonun her tarafındaki kenar boşluklarını eşit hale getirmesini söyler ve tabloyu web sayfasının ortasına yerleştirir.

Bazı Eski Web Tarayıcıları Bu Yöntemi Desteklemiyor

Siteniz Internet Explorer 6 gibi eski bir web tarayıcısını destekliyorsa, tablolarınızı ortalamak için align = "center" veya CENTER etiketini kullanmaya devam etmeniz gerekir. Bu, masalarınızı bir web sayfasında merkezlerken karşılaşacağınız tek sorun. Bu tekniği kullanmak kolaydır ve birkaç dakika içinde gerçekleştirilebilir.