SORU
6 AĞUSTOS 2009, PERŞEMBE


text-align kullanarak colgroup merkezi

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;
}

CEVAP
6 AĞUSTOS 2009, PERŞEMBE


* *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.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Abe Olandres

    Abe Olandres

    16 EYLÜL 2006
  • TV and Lust

    TV and Lust

    26 HAZİRAN 2006
  • XxMinayaxX1

    XxMinayaxX1

    9 Mayıs 2012