方式一:
文本缩进:- 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;
}