具有親和力的文字隱藏方法

2022-03-24 05:45:43 字數 1112 閱讀 5213

乙個新的,更加具有親和力的css隱藏文字方法介紹,來自sonspring.com,說明為什麼現有的幾種css隱藏文字的方法的缺陷和新的方法如何彌補。實用性一般,但是這個方法挺新穎的。

1.display:none;的缺陷2. visibility: hidden ;的缺陷

這個大家應該比較熟悉就是隱藏的內容會佔據他所應該佔據物理空間

3.overflow:hidden;乙個比較合理的方法

.texthidden 

就像上面的一段css所展示的方法,將寬度和高度設定為0,然後超過部分隱藏,就會彌補上述

一、二方法中的缺陷,也達到了隱藏內容的目的。

延伸閱讀:

google, seo and using css to hide text

術語:可訪問性(accessibility)

是使殘疾人更容易地使用應用程式的慣例。

1990 年的美國殘疾人法案(the american disabilities act)

1996 年的電信法案(the telecommunications act)

1998 年的**法案修正案(rehabilitation act amendments)508 條款

全球資訊網聯盟(w3c)的 web 可訪問性倡議(web accessibility initiative(wai))

這些都是可訪問性標準。在 law and disabilities頁面上可獲得更多資訊。

螢幕閱讀器(screen reader)

是為視覺上有障礙的人設計的讀取螢幕內容的程式。

可用性(usability)

使每個人都更容易地使用應用程式的慣例。可訪問性是可用性中的一類。

web 瀏覽器(web browser)

可以顯示 web 頁面的任何程式。大多數 web 瀏覽器可以顯示 html 頁面,但有些(諸如移動**中的瀏覽器)可能只顯示諸如 wml 或 chtml 那樣的其它型別的頁面。

具有親和力的文字隱藏方法

乙個新的,更加具有親和力的css隱藏文字方法介紹,來自 sonspring.com,說明為什麼現有的幾種css隱藏文字的方法的缺陷和新的方法如何彌補。實用性一般,但是這個方法挺新穎的。1.display none 的缺陷2.visibility hidden 的缺陷 這個大家應該比較熟悉就是隱藏的內...

評測題目 你的親和力指數如何

說明 請按下面標準為每一小項打分 優秀一 4 良好一 3 一般一 2 較差一1。1 你如何評價自己理解他人的能力?1.我能夠聚精會神地聽他人談話,洞悉他人心裡所想。2.我十分關注別人談話時的肢體語言,從而更好地理解談話內容。3.我會向對方提出相關問題以便明確對方的談話內容,避免領會錯誤。4 我能切身...

css隱藏 顯示文字的方法

最近做了乙個demo,寫了乙個輪播,在輪播的時候顯示對的文字解釋,要求文字不跟隨滾動預設顯示。花了一點點時間,解決了這個辦法,最後總結了一下在html中用css隱藏文字的方法。1 偏移掉字型的方式 使用text indent 9999px 這種方法有乙個侷限性只適用於塊級元素。2 字型為零不顯示,能...