Tablo hücresinde metin ortalamak nasıl

Acemi bir Web tasarımcısıysanız, bir tablo hücresinin içindeki metni nasıl ortalayacağınız hakkında sorularınız olabilir. Bu kılavuz ile, bu tekniği sadece birkaç dakika içinde uzmanlaşın. Kolay - daha önce hiç denemediyseniz bile.

Başlamak

Bir hücrenin içindeki metni ortalamak en iyi şekilde CSS ile yapılır, tıpkı Web sayfanızdaki başka bir öğede metni ortalayacağınız gibi. Ancak, başlamadan önce, tam olarak ne ortalamak istediğinize karar vermeniz gerekir. Tabloda, tabloda her hücre dahil olmak üzere çeşitli seçenekleriniz vardır; Tablodaki her başlık hücresi, masa başı, masa gövdesi veya masa ayağı içindeki her hücrenin. Tablodaki belirli bir hücreyi veya hücre grubunu da ortalayabilirsiniz.

Ayrıca, belgenizin başına bir dahili stil sayfası oluşturmalı veya belgeye harici stil sayfası olarak eklemelisiniz. Tablo stillerini bu stil sayfasında ortalamak için stilleri koyacaksınız.

Tablodaki Her Hücrenin Ortalanması

Stil sayfanıza aşağıdaki satırları ekleyin:

td, th {text-align: center; }

Tablodaki Her Başlık Hücresi Nasıl Merkezlenir

Stil sayfanıza aşağıdaki satırları ekleyin:

th {text-align: center; }

Tablo Baş, Gövde veya Ayaktaki Her Hücrenin Merkezlenmesi

Bu hücreleri ortalamak için , ve gibi her zaman kullanılmayan tablo etiketleri eklemeniz gerekir. Daha sonra, tablo başlarını, gövdesini ve ayağını tanımlamak için tablo hücrelerinizi bu etiketlerle saracaksınız. Bundan sonra, stil sayfanıza aşağıdakileri eklersiniz:

thead th, thead {text-align: center; tbody th, tbody {text-align: center; tfoot th, tfoot td {text-align: center; }

Ortalamak istemediğiniz alanların stillerini kaldırın.

Tablodaki Belirli Bir Hücre veya Hücreleri Merkezleme

Bunu yapmak için, ortalamak istediğiniz hücreler üzerinde bir sınıf ayarlamanız gerekir.

Ortaya almak istediğiniz tablo hücrelerine aşağıdaki özniteliği ekleyin:

class = "ortalanmış hücre" >

Ardından stil sayfanıza aşağıdakileri ekleyin:

.erkezli hücre {text-align: center; }

Bu sınıfı tablonuzdaki herhangi bir hücreye ekleyebilirsiniz.

Sarma

Bu stilleri herhangi bir masa hücrenizde kullanmaktan çekinmeyin. Bunları birleştirilmiş hücreler veya tek hücreler üzerinde kullanabilir ve içindeki metin ortalanır.