通过CSS隐藏页面文本的几种方法

通过CSS隐藏页面文本的几种方法
方式一:文本缩进:- 9999px
不太多,外部缩进负值是最常用的方法,但问题是三:
1。一个更大的消极表现,如新浪/微博腾讯提交按钮,9999em,约12 ~ 1600万像素宽,100显示宽度相比,具有较低的Android Pad,尤其是动画,将直接卡爆;
2.firefox浏览器网格线。事实上,问题不大,溢出:隐藏的可以修复;
三.不可使用内联块伪元素的IE6或IE7的水平,或将元素文本缩进了。
即使有人建议:

CSS代码将内容复制到剪贴板。
{文本缩进:100%;白间距:nowrap;溢出:隐藏;}

除了性能缓解之外,还有以下两个问题。

模式二:字体大小:0
这样,当容器没有设置高度或行高时,字体大小设置为0,那么容器就不会高。

方法三:设置填料,打开容器

CSS代码将内容复制到剪贴板。
。- {身高:22px;宽度:55px;溢出:隐藏;}
。btn_download {显示:内联块;宽度:55px;身高:22px;填料顶部:22px;背景:URL(btn_download .webp)没有重复;文本对齐:中心;}。
下载
模式四:字母间距+第一个字母
1。这种方法是用IE6 +兼容,适合内联块水平元件适用于按钮元素,但它需要以下的写作方法

CSS代码将内容复制到剪贴板。
按钮

不可能是这样的:

CSS代码将内容复制到剪贴板。

2。此方法受文本对齐属性影响
文本对齐:左,字母间距+第一个字母的边界是负的,
文本对齐:右,字母间距+第一个字母的边界需要使用正数值。
价值其实不是一个固定值。一般来说,对letter-spacing绝对值大于2em,第一个字符边缘可以更大,和演示的是20em。
三.更多:第一个字母伪元素不应该用逗号隔开。他们都会失败。应该分开写。必须有一个空间之前由逗号分隔的逗号。否则,的IE6浏览器将忽略此声明:

CSS代码将内容复制到剪贴板。
注:第一个字母,
{。IMG:第一封信
margin-left: - 20em;
}

注:第一个字母,, / *有1空间。
{。IMG:第一封信
margin-left: - 20em;
}

4。可以放在公共样式中,单独调用

CSS代码将内容复制到剪贴板。
{。notext
文本对齐:左对齐;
字母间距:- 3em;
溢出:隐藏;
}
{ notext:第一封信。
margin-left: - 20em;
}
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部