方式一:text-indent:-9999px
不多说,ext-indent负值为最常用方法,然问题有三:
1.较大的负值有性能问题,例如新浪/腾讯微博提交按钮的-9999em,大概12~16万像素的宽度,相对于100个显示器宽度,在低配Android pad上,尤其含动画效果的时候,会直接卡爆;
2.FireFox浏览器下虚框。其实问题不大,overflow:hidden可修复;
3.不能应用在IE6/IE7伪inline-block水平元素上,否则元素会被text-indent拐走。
即使有人提出:
除了性能有所缓解,后面两个问题依旧存在。
方式二:font-size:0
此方式在没有给容器设置height 或者行高的情况下,设置font-size:0,则容器将无高度
方式三:设置padding,撑开容器
方式四:letter-spacing+first-letter
1.此方法兼容IE6+, 适用于inline-block水平元素,且适用于button元素,不过,需要是下面这种写法
而不能是这样子:
2.此方法受text-align属性影响。
text-align:left;letter-spacing+first-letter的margin使用负值,
text-align:right;letter-spacing+first-letter的margin需要使用正值。
值的大小其实没有定值。一般,letter-spacing绝对值大于2em可以,首字符margin可以大一些,demo中是-20em.
3.多个:first-letter伪元素不要使用逗号分隔,貌似会全部失效,应分开写使用逗号分隔的时候逗号前面一定要留一个空格。否则,IE6浏览器会忽略这条声明:
4.可放到公共样式中,单独调用
接口和类型别名非常相似,在大多情况下二者可以互换。在写TS的时候,想必大家都...
介绍 vue-next-admin 基于 vue3.x + CompositionAPI + typescript + vite + elem...
前言 根据使用者的反馈,对开源项目: go-gin-api 新增两个小功能。 两个小功能...
作者 汤英康,腾讯高级工程师、Kubernetes 开源协同 PMC,负责TEG信息安全部的容...
简介: 在将传统数据中心业务迁移上云的过程中,如何将云下基于不同业务场景和设...
概要 工作以来,写过vue、react、正则、算法、小程序等知识,唯独没有写过canvas...
TOP云 (west.cn)4月28日消息,据海外平台sedo的交易信息,上周共成交 域名 579...
bid 域名 需要实名么?是需要实名的。因为,只要是在国内注册的 域名 ,均需做实...
使用过mqtt的同学都知道,mqtt连接时,在Network面板中的status是101。 Name Sta...
虽然大家都称Canvas为html5的新标签,看起来好像Canvas属于html语言的新知识,但...