Nasıl mı text-align: Firefox'ta merkezi php echo metin?

5 Cevap php

Bu soru burada başka bir yerde cevap görmüyorum.

İşte kod:

<div class="copyright">
<h2 class="copyright unselectable" onselectstart="return false">
&copy;&nbsp;2009&nbsp;-&nbsp;<?=date("Y") ?>&nbsp;<?=PROJECT_NAME?>
</h2>
</div>

Bu FF veya Safari IE sağ hizalama ama değil. Bu hesaba yankılandı metin aralığını alarak değil gibi görünüyor?

Teşekkürler!

Edit: var css ekleme:

div.copyright h2.copyright{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#000000;
  font-weight:bold;
  text-align:center;
}

Second Edit: Well I just hard coded the text with the same results...so it's not the echo issue like I though. I'll have to look deeper at this.

5 Cevap

Tamam. Onu ve sabit cevabı burada yayınlamak için çok aptalca ...

... Haha telif alanının üzerinde kutusu sağ ff ve safari merkezleme ama IE sağ oldu değildi. :-D

Sadece bir style niteliğini eklemek H2:

<h2 class="copyright unselectable" onselectstart="return false" style="text-align:center">
&copy;&nbsp;2009&nbsp;-&nbsp;<?=date("Y") ?>&nbsp;<?=PROJECT_NAME?>
</h2>

Veya daha iyisi, için CSS kuralı bu özelliği eklemek .copyright:

.copyright {
    text-align: center;
    /* … */
}

Deftere kod örneği (Mac'te) Firefox ve Safari hem de merkeze doğru hizalama gibi görünüyor. Kullanmak için doğru CSS text-align: center;. HTML ve o kod parçasını çevreleyen ilişkili CSS nedir? Metin merkezli bakmak için neden başka bir şey olabilir.

Sen deneyebilirsiniz

div.copyright h2.copyright{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#000000;
  margin:0 auto;
  font-weight:bold;
  text-align:center;
}

H2 genişlik vererek deneyin. Bir sıfırlama stil kullanıyorsanız bu varsayılan stil basmış üzerinde olabilir bu. H2 o metninin daha geniş değilse, o metin merkezli varlık değildir görünecektir.

etiketler