為什么隱藏標(biāo)簽要用這么多的css?
.sr-only?{
position:?absolute;
width:?1px;
height:?1px;
padding:?0;
margin:?-1px;
overflow:?hidden;
clip:?rect(0,?0,?0,?0);
border:?0;
}這些屬性都起到什么作用？
門內(nèi)的野蠻人
2015-12-24
4 回答
舉報(bào)
0/150
提交
取消
2018-08-29
個(gè)人理解??！如果不設(shè)置高度和寬度，那么模塊的尺寸就會(huì)隨著內(nèi)容而改變，則無法對(duì)內(nèi)容進(jìn)行控制，并且隱藏，需要手動(dòng)為他設(shè)置一個(gè)大小，即為寬高都是1，無論多少內(nèi)容只在這個(gè)1內(nèi)顯示。最后通過margin屬性把這個(gè)內(nèi)容變?yōu)闊o法顯示。
2018-05-25
emmm..不知道對(duì)不對(duì),猜的:
絕對(duì)定位讓label脫離文檔流.
讓寬高都是1px,內(nèi)邊距為0.也就是說,label元素現(xiàn)在沒有內(nèi)邊距沒有border.
然后設(shè)置負(fù)外邊距margin:-1px.負(fù)的外邊距導(dǎo)致label標(biāo)簽被其原本位置的其他元素覆蓋1px,因?yàn)閘abel本身高度和寬度都為1px,也就是label元素會(huì)被完全覆蓋.這就實(shí)現(xiàn)了label的隱藏效果.
2015-12-24
不是這個(gè)意思我知道，他為什么要把寬高設(shè)為1px,padding為0,margin設(shè)為-1px，還加上絕對(duì)定位呢
2015-12-24
position這是定位的?absolute代表絕對(duì)定位
width,height寬高
padding,margin盒模型的各種邊距(這兩個(gè)屬性自己多實(shí)驗(yàn)幾次就能懂了)
border是邊框
overflow:hidden這句話代表超出容器的內(nèi)容不顯示
clip是圖片剪裁,rect(0,0,0,0)就等于把圖片剪沒了- -.
還有哪里不懂可以繼續(xù)問,懂了請把積分送我~!