CSS에서 음수 텍스트 들여 쓰기 너비 문제

아래 코드를 실행하면 화면에 파란색 상자가 나타납니다. 내가 HelloWorld-Hello World가 파란색 상자가 사라 텍스트를 변경하는 경우 CSS에서 음수 텍스트 들여 쓰기 너비 문제

<!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>

는 어떻게?

추가 정보 - Google 크롬에서보고 있습니다.

출처

2011-10-21 John

텍스트 들여 쓰기 : 재미 – Jawad

-9999px. 나는 또한 요소의 계산 된 너비가 공백없이 0이고 40으로 나타났습니다. – kinakuta

그래, Chrome과 관련된 것 같습니다. Chrome 버그일까요? – kinakuta

의견에서 말한대로 white-space: nowrap이 (가) 사라집니다.

그러나 실제로 무슨 일이 일어나고 있는지 잘 모르겠습니다. Chrome/Safari + Opera는 모두 같은 방식으로 동작하고 "파란색 상자"를 표시하지만 Firefox 및 IE7-9는 파란색 상자를 표시하지 않습니다.

귀하의 코드 : white-space: nowrap "수정"으로 http://jsbin.com/igewuy

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

출처

2011-10-21 23:10:05 thirtydot

CSS에서 음수 텍스트 들여 쓰기 너비 문제

답변

관련 문제