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

  • Andrew_Huang

    Andrew_Huang

    10 ŞUBAT 2006
  • Dion Coulls

    Dion Coulls

    16 AĞUSTOS 2006
  • girleffect

    girleffect

    20 Mayıs 2008