CSS掩藏网页页面文本的几种常见方式

日期:2021-03-16 类型:科技新闻 

关键词:微擎小程序开发,微信小程序下载,如何在微信上做小程序,调查问卷微信小程序,微信抽签小程序


display:none:它可使包含器皿自身在内的物品都消退,简单且合理,但它有两个耳熟能详的缺点,那便是对检索模块不友善,且被显示屏阅读文章器所忽视。
text-indent:⑼999px:text-indent是首行缩进,因此针对多写作本,若独立应用它就有显著的不够,需再加white-space:nowrap;来填补不够,但也有1个难题:物理学室内空间依然存在,故还需设定line-height:0;或应用超小字体样式(在IE下有点BUG),最后编码以下:
下列为引入的內容:
.texthidden{
text-indent:⑼999px;
white-space:nowrap;
line-height:0;
}
overflow:hidden:
这是1个较为有效且我最喜爱的方式(脚本制作之家站长注),实际编码以下:
下列为引入的內容:
.texthidden{
display:block;/*统1转换为块级元素*/
overflow:hidden;
width:0;
height:0;
}
positon:absolute:
用肯定精准定位将其推出可视性区,但是尽管可视性性不存在,但仍占有物理学室内空间,与掩藏文本的服务宗旨相背
下列为引入的內容:

.texthidden{
positon:absolute;
margin-top:⑼999px;
margin-left:⑼999px;
}