欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css中字體的隱藏

錢淋西1年前9瀏覽0評論

CSS中,有時候需要將文本中的某些字體隱藏起來,這時候可以使用font-size:0、visibility:hiddenopacity:0等屬性。

.hide-font {
font-size: 0;
}

將字體大小設為0會使字體不可見,但空出來的空間還存在。如果想要連空間也一起隱藏,可以使用visibility:hiddenopacity:0,區別在于前者是隱藏但占據空間,后者是完全不占據空間。

.hide-font {
visibility: hidden;
}
.hide-font {
opacity: 0;
}

這些屬性也可以在需要顯示時重新設置。例如,要讓一個按鈕中的文字在鼠標懸停時才顯示出來,可以這樣寫:

.hide-font {
visibility: hidden;
transition: visibility .3s linear;
}
button:hover .hide-font {
visibility: visible;
}

這樣,在鼠標懸停時,按鈕中的文字就會顯現出來,增加了交互性。