扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这期内容当中小编将会给大家带来有关使用css怎么隐藏文字，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。
作为一家“创意+整合+营销”的成都网站建设机构，我们在业内良好的客户口碑。创新互联提供从前期的网站品牌分析策划、网站设计、网站建设、成都网站建设、创意表现、网页制作、系统开发以及后续网站营销运营等一系列服务，帮助企业打造创新的互联网品牌经营模式与有效的网络营销方法,创造更大的价值。
css文字的隐藏方法：
一、使用text-indent:-9999px;
可是他有一个局限性 他只适用于块级元素block，而我们往往有时候想偏移掉的a上的字体，所以问题就来了，text-indent:-9999px;虽然用起来比较惬意，将a转化成block的话 往往 他身后的的元素就被他赶到下一行了，如果正好这个a后面 是一个a按钮，就要用float来浮动以使他身后再出现簇拥者，这样是不是有些麻烦呢
二、使用line-height:0;
代码如下:
font-size:0; overflow:hidden;
能完美“隐藏”掉你background之上的字体
经测试 ie6.0 、 7.0 、8.0、firefox 3.010 通过
三、最方便的是加个span，然后display:none，而且这样不会出bug。
遗憾的是，多了个标签，循环中使用的话，html又多了一堆字节，单个按钮推荐这样使用。
而针对input value的隐藏这个方式就有些吃力了
所以还是只能用block加text-indent来“偏移”模拟隐藏了
display:block; font-size:0; line-height:0; text-indent:-9999px;
经测试 ie6.0 、 7.0 、firefox 3.010 通过
四、display:none：它可以使包括容器本身在内的东西都消失，简便且有效，但它有两个耳熟能详的缺陷，那就是对搜索引擎不友好，且被屏幕阅读器所忽略。
五、overflow:hidden：
这是一个比较合理且我最喜欢的方法(脚本之家站长注)，具体代码如下:
以下为引用的内容：
代码如下:
.texthidden{
display:block;/*统一转化为块级元素*/
overflow:hidden;
width:0;
height:0;
}上述就是小编为大家分享的使用css怎么隐藏文字了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联行业资讯频道。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网