1. display/visibility直接隐藏文字, 但屏幕阅读设备会忽略。
display: none;
visibility: hidden;
2. font-size设置为零,文字会直接被隐藏掉。
font-size: 0;
3. text-index元素设置一个较大的文字缩进,会使得文字移出屏幕,屏幕阅读设备无法读取文字。
text-indent: -9999px;
4. color将color设置为透明,来隐藏文字,移动端上策。
color: transparent;
5. clip对定位元素进行剪裁,使得文字不可见,是剪裁隐藏的最佳方案。
position: absolute;
clip: rect(0 0 0 0);
本文介绍了五种在网页设计中隐藏文字的方法:使用display/visibility属性、将字体大小设为零、通过text-indent使文字移出屏幕、利用color属性设置透明色、以及对定位元素进行clip剪裁。这些技巧在不同场景下各有优势。
3929

被折叠的 条评论
为什么被折叠?



