CSS教程:CSS讓網(wǎng)頁文字自動(dòng)隱藏
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2009-04-02 19:33:41 作者:佚名
我要評(píng)論
網(wǎng)頁制作Webjx文章簡(jiǎn)介:文字隱藏應(yīng)用廣泛,但常用的方法沒有什么親和力。
文字隱藏應(yīng)用廣泛,但常用的方法沒有什么親和力。
常用文字隱藏方法的缺陷:
1、display:none
這種方法搜索引擎可能認(rèn)為被隱藏的文字屬于垃
文字隱藏應(yīng)用廣泛,但常用的方法沒有什么親和力。
文字隱藏應(yīng)用廣泛,但常用的方法沒有什么親和力。
常用文字隱藏方法的缺陷:
1、display:none
這種方法搜索引擎可能認(rèn)為被隱藏的文字屬于垃圾信息而被忽略;
屏幕閱讀器會(huì)忽略被隱藏的文字。
2、visibility: hidden
這種方法隱藏了文字卻仍然占據(jù)物理空間。
更好的方法:
overflow:hidden
.class{
display:block;/*統(tǒng)一轉(zhuǎn)化為塊級(jí)元素*/
width:0;
height:0;
overflow:hidden;
}
從代碼似乎就可以看出更具親和力,因?yàn)樗亲詣?dòng)隱藏,而不是強(qiáng)制隱藏。
相關(guān)文章

深入理解CSS overflow:hidden——溢出,坍塌,清除浮動(dòng)
這篇文章主要介紹了深入理解CSS overflow:hidden——溢出,坍塌,清除浮動(dòng)的相關(guān)資料,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-03css中position:relative和overflow:hidden之間的問題
在父標(biāo)簽中使用了overflow:hidden;時(shí),如果子標(biāo)簽中有元素的position設(shè)置成relative的時(shí)候,在IE6和IE7中父元素的overflow對(duì)其將不起作用,其實(shí)將父標(biāo)簽的position也設(shè)置成2013-09-04CSS--overflow:hidden在項(xiàng)目實(shí)例中使用心得分享
大家對(duì)CSS屬性中overflow:hidden并不陌生,至于它的應(yīng)用,在下文中列出我在項(xiàng)目中,運(yùn)用到此屬性的例子,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-04- 當(dāng)塊元素想呈現(xiàn)該元素內(nèi)部?jī)?nèi)容不換行或者超過該元素的部分隱藏起來2010-03-05
這篇文章主要介紹了css中overflow:hidden失效問題的解決方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來2020-02-10



