CSS中文字隱藏經常用于保密性或美觀性的考慮。下面我們來看一下如何實現CSS中文字的隱藏。
.hidden { text-indent: 110%; white-space: nowrap; overflow: hidden; }
上面就是實現CSS中文字隱藏的代碼。我們來逐個分析一下這個代碼。
首先,text-indent屬性是文本縮進的意思,當text-indent的值大于100%時,會使文本向左偏移,從而實現文字隱藏的效果。
其次,white-space屬性是指當文本內容超過容器大小時如何折行。此處我們設置為nowrap,即不折行。這樣,我們在文本內容過多、過長的時候就可以通過左偏移將其隱藏。
最后一個屬性是overflow,它用來控制內容溢出的行為。在這里,我們設置為hidden,表示遮蓋超出容器的部分。這也是實現CSS中文字隱藏必不可少的一步。
<p class="hidden">這是一段需要隱藏的文字。</p>
最后,我們就可以在HTML中使用.hidden類來實現文字隱藏,將需要隱藏的內容放入p標簽即可。
下一篇iis7 php安裝