我爲什麼要隱藏CSS中的文本/這是什麼？

Question

有多種方法可以在CSS中隱藏文本。 例如， 1）

text-indent: 9999px 

2）

text-indent: 100%; 
white-space: nowrap; 
overflow: hidden; 

但會有什麼人們通常認爲的呢？

我明白TEXT-INDENT：10px的做，但什麼是 「TEXT-INDENT 100％」（即百分比）呢？

Answer 1

好時，你永遠都具有text-indent | margin-left/right | left/right屬性設置爲100%或一些大數量的元素，這通常使得元素的位置或者隱瞞如果parent容器有任何overflow: hidden或者如果屬性value地方之外的元素window或viewport。

DOM的可使用CSS特性的任何元件在page即某處放置使用text-indent | margin-left/right | left/right除其他外，所述%（百分比）使用相對定位取決於其父dimensions。

如

如果您有：

#parent{ 
width: 500px; 
} 

#child{ 
    width: 100%; 
} 

<div id="parent"> 
    <div id="child"> </div> 
</div> 

然後child將有width: 100%相對其parent所以它將有500px的寬度，因爲這是對的100％父母的寬度。

原因是什麼？

1. 造型
2. 對於動畫的目的。
3. 也許出於安全：

爲什麼安全？爲了防止機器人從創建在您的網站賬號

一種方法是創建例如input與left/right: -100%/100%或一些大號碼，這將使用戶沒有看到輸入，但機器人將，所以在服務器端recieving輸入數據時，如果的「隱藏」輸入充滿，你就知道什麼是錯的。