CSS中,有時候需要將文本中的某些字體隱藏起來,這時候可以使用font-size:0
、visibility:hidden
、opacity:0
等屬性。
.hide-font {
font-size: 0;
}
將字體大小設為0會使字體不可見,但空出來的空間還存在。如果想要連空間也一起隱藏,可以使用visibility:hidden
或opacity:0
,區別在于前者是隱藏但占據空間,后者是完全不占據空間。
.hide-font {
visibility: hidden;
}
.hide-font {
opacity: 0;
}
這些屬性也可以在需要顯示時重新設置。例如,要讓一個按鈕中的文字在鼠標懸停時才顯示出來,可以這樣寫:
.hide-font {
visibility: hidden;
transition: visibility .3s linear;
}
button:hover .hide-font {
visibility: visible;
}
這樣,在鼠標懸停時,按鈕中的文字就會顯現出來,增加了交互性。
上一篇ios php 哪個好學
下一篇ios php 圖片旋轉