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