CSS'de negatif metin girintisiyle genişlik sorunu

Aşağıdaki kodu çalıştırdığımda ekranda mavi bir kutu görüyorum. Ben HelloWorld için Hello World, mavi kutu kaybolur metni değiştirmek eğer CSS'de negatif metin girintisiyle genişlik sorunu

<!DOCTYPE html> 
<html dir="ltr"> 
    <head> 
     <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
     <style type="text/css"> 
       a {display:block;background:blue; text-indent:-9999px; float:left;} 
     </style> 
    </head> 

    <body> 
     <a>Hello World</a> 
    </body> 
</html>

Nasıl yani?

Ek Notlar - Bunu google chrome'da görüyorum.

kaynak

2011-10-21 John

text-indent: İlginç – Jawad

-9999px. Ayrıca, elemanın hesaplanan genişliğinin boşluk olmadan 0 ve 40 ile olduğunu fark ettim. – kinakuta

Evet, Chrome'a özgü gibi görünüyor. Belki sadece bir Chrome hatası? – kinakuta

Bir yorumda dediğim gibi, white-space: nowrap bunu kaybolur. Bununla birlikte, aslında burada neler olup bittiğine emin değilim. Chrome/Safari + Opera'nın hepsi aynı şekilde davranır ve "mavi kutu" yu gösterir, Firefox ve IE7-9 ise mavi kutuyu göstermez.

Kodunuz: white-space: nowrap "düzeltme" ile http://jsbin.com/igewuy

: http://jsbin.com/igewuy/2

kaynak

2011-10-21 23:10:05 thirtydot

CSS'de negatif metin girintisiyle genişlik sorunu

cevap

İlgili konular