sayfamda bir tablo var, biçimine colgroups tüm hücreleri bu sütun aynı şekilde, arka plan rengi ve tüm iyi işler için kullanıyorum. ancak text-align center çalışmıyor neden anlamaya görünmüyor. ortalanmış metni hizalamak değil.

örnek:

	<table id="myTable" cellspacing="5">
			<colgroup id="names"></colgroup>
			<colgroup id="col20" class="datacol"></colgroup>
			<colgroup id="col19" class="datacol"></colgroup>
			<colgroup id="col18" class="datacol"></colgroup>
		<thead>
			<th> </th>
			<th>20</th>
			<th>19</th>
			<th>18</th>
		</thead>
		<tbody>
			<tr>
				<td> </td>
				<td> </td>
				<td> </td>
				<td> </td>
			</tr>
		</tbody>
	</table>

CSS:

#names {
    width: 200px;
}

#myTable .datacol {
    text-align: center;
    background-color: red;
}

* *10 ve text-align sadece onlardan biri değil.

Bu durumda neden bir açıklama için "The mystery of why only four properties apply to table columns" bkz.

Basit bir örnek, bunu düzeltmek için en kolay yolu bu kurallar eklemek olacaktır:

#myTable tbody td { text-align: center }
#myTable tbody td:first-child { text-align: left }

Bu merkez tüm tablo hücreleri, ilk sütun hariç. Bu IE6, ama IE6 text-align işe yaramıyoryokaslında (yanlış) sütunu üzerinde çalışmak. Eğer IE6 tüm özellikleri, ya da sadece daha büyük bir kısmını destekler bilmiyorum.

Oh, ve HTML geçersiz. <thead> <tr> bir özlüyor.